基本的な紹介htmlエントリ

htmlの基本的な紹介

1. htmlの概要: 1。html
とは?
htmlは、Webページを説明するために使用される言語です
単にhtmlと略されます。ハイパーテキストマークアップ言語2.html
の記述構造

<!DOCTYPE html>
<html>
这个标签是属于html页面的整个属性,知道游览器解析的标签。引入外部文件的标签
<head>
我们需要展示的信息
</head>
</html>

3.構造特性
のhtmlタグ(1)は、HTMLのタグは開始タグと終了タグで、角括弧に包まれたキーワードのペアで表示され、正しいネスティングをサポートしています。
(2)ほとんどのタグには、属性、形式を持っています
( 3)HTMLは大文字と小文字を区別しません

2.htmlでの基本的なタグの紹介
1.ファイルタグ

<html>
<head>
<title></title>:页面的标题
<head>
<boby>
属性:
text:文本的颜色
bgcolor:背景色
background:背景图片
</boby>
</html>

2.タイプ設定スタイル
1.コメントスタイル<!--注释-->
2.改行ラベル<br/>
3.段落ラベル<p></p>
4.水平線ラベル<hr/>
属性:
幅:長さ
サイズ:厚さ
色:カラー
aigan:
サイズの位置合わせ方法
ピクセル:px
パーセンテージ:サブラベルのパーセンテージ
3.ブロックラベル
行レベルのブロックラベル<div></div>/ div + cssレイアウト/インライン
ブロックラベル<span></sapn>/ *わかりやすいプロンプト用* /
4.テキストラベル
基本テキストラベル<font></font>
属性:色:色
サイズ:サイズ
面:フォントタイプ
タイトルラベル:<h1></h1><h2></h2>逐渐提升
5。リストラベル
1.順不同リスト<u1></u1>
属性:タイプ:(数字、文字、ローマ数字)
開始:番号、最初のアイテムの開始位置を表します

<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>

2.順序付きリスト:<ol></ol>
属性:タイプ:(数字、文字、ローマ数字)
開始:数字、最初のアイテムの開始位置を表します
6.グラフィックリスト<img/>
属性:
scr:グラフィックアドレス
幅:幅
高さ:高さ
境界線:拡大
整列:配置方法
alt:画像テキストの説明
7.リンクラベル<a></a>
ジャンプページアドレス:href
name、アンカーポイント:name
機能:
(1)ページジャンプ、外部ネットワークへの転送にはプロトコルを追加する必要があります
(2)アンカーポイントにアクセスし、アンカーポイントに戻ります(上、下、中央)
8。テーブルラベル<table></table>
属性:
境界線:テーブル境界線
幅:テーブル幅
高さ:テーブル高さ
整列:配置
bgcolor:背景色
代表行:<tr></tr>
代表列:<td></td>
属性:
列マージ:colspan
行マージ:行スパン
<th></th>:フェーズ列と同じですが、組み込みスタイルが中央に配置され
<caption></caption>ます:テーブルヘッダーテーブル
の役割:
(1):単純なテーブルスタイル
(2):ページレイアウトの

<table>
<td>表格标头
<tr><!--行-->
<captionn>表格标题</caption>
</tr>
</td>
</table>


Three.htmlフォームタグ1.フォームタグ<form></form>
属性:
名前:フォーム名
アクション:パスアドレス
送信方法:送信方法(投稿および取得)
投稿:リクエスト本文にカプセル化されたデータを送信、無制限のサイズ
取得:データを追加アドレスバーの後ろに制限サイズがあります
2.inputタグ<input type="/">
タイプ属性::
text通常のテキスト入力ボックス

パスワード:パスワード入力ボックス
ラジオ:ラジオボタン
属性:
名前:ラジオボタンのグループを相互に排他的にしたい場合は、名前属性値に同意するように指定します。値属性値を追加する必要があります。
チェック済み:デフォルトが選択されています
checkbox:チェックボックス:
名前:グループの概念、追加する必要のある値
checked:デフォルトが選択されています
file:ファイルコントロールのアップロード
button:通常のボタン、組み込みなし機能
submit:組み込み機能、クリックするとアクションアドレスに従って送信されます
reset:リセット、クリックすると前に入力されたコンテンツがクリアされます
image:画像ボタン
属性:
src:画像の読み込み
alt:画像プロンプトテキスト
hidden:フォームを非表示
3.ラベル
属性の選択
名前:テーブル項目名
オプション:オプション(ドロップダウンメニュー間のカスケード)
属性:値:
選択されたフォームアイテムの値:デフォルトで選択
4.textarea:テキストフィールドラベル
属性:列:

数行:行数4.html
フレームラベルなど
1.フレームラベル
frameset
属性:
行:行で分割

frameset列で分割
属性:
名前:名前
src:ロードされたページのアドレス
2.その他のタグ:

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link>
   <link rel="stylesheet" type="text/css" href="./styles.css">
    href:引入css文件的地址
<script>
   <script type="text/javascript" src=""></script>
    src:js的文件地址

3.特殊文字
&nbsp:スペース
&gt:記号より大きい:記号
&ltより小さい
&copy:著作権記号
&reg:登録記号

おすすめ

転載: blog.csdn.net/weixin_45743004/article/details/102821513