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.特殊文字
 
:スペース
>
:記号より大きい:記号
<
より小さい
©
:著作権記号
®
:登録記号