HTML基本ノート(推奨)
I. ウェブページのインフラ
- < html >
- < ヘッド >
- < タイトル > はじめてのページ < タイトル >
- < ヘッド >
- < ボディ >
- これは私の最初のページです
- < ボディ >
- < html >
注:HTMLでは、タグはほとんどの場合、2つ1組で表示されます。始まりがあれば、終わりがあります。
タグが対で表示されない場合は、タグの末尾に/を付けて終了を示します。
II. 基本タグ
1. h1-h6 タイトルタグ
2, em イタリック
3、ストロングボールド
4、hrカットライン
5, br 改行
6、p段落タグ
7、特殊記号、スペース
8、> 特殊記号,>
9, < 特殊記号, <
10, " 特殊記号, "
11、©特殊記号、著作権記号
12,
{未定義
コメント
13. img画像タグ
属性:src:画像へのパス、alt:画像が見つからないときに表示されるテキスト
title:マウスホバー時に表示されるテキスト
用法
14、a 超链接标签
属性:链接到哪里去
用法
链接
锚链接
先在一个位置写上
然后另一个位置写上
点击这个链接,会找到这个?
15、ul-li 无序列表
用法
- 列表项1
- 列表项目
.......
注意:没有顺序,每一个里就是一行
默认情下,每一个里前面都有一个心小点。
16、ol-li 有序列表
用法
- 列表项1
- 列表项目
.......
就是将无序列表的实心小点换成了序号
17、dl-dt-dd定义列表
用法
- 标签题1
- 内容1
- 标签题2
- 内容2
实现效果
标签:1
内容1
标签题2
内容2
18、表单元素
a、テキスト 单文行本框
b、password 密码框
c、radio 单选按钮
d、file 文件选择器
e、checkbox 复选框
f、select 下拉列表
g、submit 提交按钮
h、reset 重置按钮
i、textarea 文本域
用法:
j、形式标签 提交标签
语法:语法:语法:语法:语法
如果为空,则会表示提交到当前的页面。
メソッド可选属性:post、get
ポスト安全性高,提交的信息不会显示在地址栏。
get安全性较低,提交的信息显示在地址栏。
如果不写方法的属性,默认是get
k、入力标签可选值:就是表单位a-i
l、下拉列表を選択
用法
選択
{オプション
2016
{オプション
2015
{オプション
2014
m、 关联表单
作用:点击名字这两个字,鼠标会聚焦在名字后面的文本框中。
三、注意事項
1. タグ名は小文字にする
2、HTMLタグは閉じる(終了)
3、タグは正しくネストされること
IV. フォームの属性
1. readonly="readonly" 読み取り専用です。
2、disabled="disabled" 使用不可
V. フォーム
1. テーブルとは何ですか?
一番シンプルなのはキューで、テーブルの間に、ものを書くことができます。
2. テーブルの仕組みは?
まず大きな箱を描き、次に各行を描き、各列を描く
<
{テーブル
3. データというか要素は、tdの中に入れることができます。
4、テーブルのいくつかの属性。
width: 幅を設定します。
border: ボーダーの太さ
align: アラインメント、最も一般的な、中央、水平方向のアラインメント
valign:アラインメント、最も一般的、中央、上下
cellspacing="20": セル間の距離、デフォルトは0
cellpadding="20": コンテンツとグリッドの距離、デフォルト値も0です。
bgcolor: 背景色を変更します。
5. マージ
colspan="2": セルのマージ、水平方向のマージ
rowspan="2": セルのマージ、縦方向
以上、HTML基本ノート(推奨)をお伝えしましたが、参考にしていただき、スクリプトハウスを応援していただければと思います。
Original article address: http://www.cnblogs.com/w13248223001/archive/2016/07/21/5693437.html
関連
-
詳細 HTMLフォントはline-heightを使用して、まだ垂直方向の中央に配置することができません解決策
-
htmlのposition属性の使い方を解説(4種類)
-
HTMLのテーブル表のframe属性とrule属性の説明
-
overflow: hiddenを使用して、ページのスクロールバーを無効にします。
-
htmlのselect optgroupタグの使い方の紹介
-
input type=text value=str で不完全な解答を得る。
-
HTMLフレームワーク_Power Node Javaアカデミー仕上げ
-
metaタグ詳細説明(metaタグの役割)
-
Baiduの入力メソッドオープンAPIは、使用を移植するために自由であると主張する
-
htmlタグのIDは変数にすることができます
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
htmlウェブページの基本コンセプトの分析
-
html-webpack-plugin' を使用して html ページをインメモリで生成するプラグインです。
-
HTMLデータ投稿_Power Node Java Academy仕上げ
-
HTMLのプログラミングマークアップと文書構造の説明
-
html ハイパーリンクスタイル(4つの状態)設定例
-
テーブルコンテンツの表示を高速化するtbodyタグの美点
-
HTMLの名前idとクラスの違い_动力节目Java学院整理
-
画像ボタンをリセットフォームボタンとして使用する方法
-
閲覧中のページがBaiduのスナップショットを保存しないように設定する方法
-
ショートカットアイコンとアイコンコードの違いの紹介