ホームページ > 記事 > ウェブフロントエンド > HTML 概要_html/css_WEB-ITnose
HTML 概要_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:20:411222ブラウズ
几个知识点：
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML框架结构：
8b05045a5be5764f313ed5b9168a17e6
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
此处为标签内容
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e
HTML属性：
class=“XXX” :元素类名，CSS定位用
id=“XXX” :元素id，CSS定位用
style=“XXX”:定于元素颜色、是否居中、粗细、边界等
title=“XXX”：鼠标悬停时提示信息
Alt=“XXX”:图片加载错误提示信息
HTML常用标签：
982a0ccdc09379cbcff309d87992d8a7文字内容473f0a7621bec819994bb5020d29372a:标题居中显示
8b19e77347cb8bb38bb10ac682829d7d文字内容94b3e26ee717c64999d7867364b1b4a3：段落显示
b0cb25c7dc41d53c080ba4631a755fe5百度5db79b134e9f6b82c0b36e0489ee08ed：链接标签
ca2142cb9edfbf93e3e13b72b5d07514:图片显示标签
一些独立标签：
076402276aae5dbec7f672f8f4e5cc81:换行
fa8fd94cc4b4d9671e4ee513ae2a31d1:创建水平线
ad54bb779c126897aa566bed9659bbb5：注释
显示空格（一种HTML实体符号）
dc6dce4a544fdca2df29d5ac0ea9906b此处可嵌套其他标签16b28748ea4df4d9c2150843fecfba68: ブロックレベルの要素。その内容は新しい行で始まります。
45a2772a6b6107b401db3c9b82c049c2他のタグはここにネストできます54bdf357c58b8a65c66d7c19c8e4d114: インライン要素、改行なし
順序なしリスト:
ff6d136ddc5fdfeffaf53ff6ee95f185
25edfb22a4f469ecb59f1190150159c6最初のアイテム548cefb384a95312edb7e8fb1f4ecc29
25edfb22a4f469ecb59f1190150159c62 番目のアイテムbed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689
順序付きリスト:
c34106e0b4e09414b63b2ea253ff83d6
25edfb22a4f469ecb59f1190150159c6最初のアイテム2867e861ba23559b572f230426ab14ea
1bb607c1700b81044c756cd307ff9fa7
f6f112ef45f603be226bc581f9dd5e90
テーブル:
e250a3f15cdd83cbdbae9ebf57168797
a34de1251f0d9fe1e645927f19a896e8
< ;td rowspan="2">行間4d7f313ca97a3af4e164654746bcbbf6行 2、セル 1b90dd5946f0946207856a8a37f441edf
b6c5a531a458a2e790c1fd6421739d1c行 2、セル 2b90dd5946f0946207856a8a37f441edf
fd273fcf5bcad3dfdad3c41bd81ad3e5
e6d621a2912e784107ba307ae077a6ca
ランニングスタイルは以下の通りです:
テーブルのいくつかの属性:
フォーム:
フォームは、ユーザーが入力できるフォーム要素を含む領域です (例: テキスト フィールド、ドロップダウン リスト、ラジオ)ボタン、チェックボックスなど）情報を入力するための要素
ff9c23ada1bcecdd1a0fb5d5a0f18437フォーム要素f5a47148e367a6035fd7a2faa965022e: フォームラベル
4750256ae76b6b9d804861d8f69e79d340587128eee8df8f03d0b607fe983014: テキストフィールド、テキストを入力できます
639c764e27105bd5719798816a3922a6: 入力ボックス要素
368693920bb53dacf49057491867127a: ラジオボタン要素
4585cb6790cd319e427d21810e900ca5: チェックボタン
aeec0b8a5a1e30c42fecdfa6ca32e2b9: ドロップダウン リスト
0d1c1d12bc24db2b98b5aa549666b59cVolvo< ;/option>
25ae7e92c9f183d64970fc28220d91e5フィアット4afa15d3069109ac30911f04c56f3338
18bb6ffaf0152bbe49cd8a3620346341
739d12caddc89deb570dba1238b25921クリックしてください!120d611986108da972f06c8ab0c8bab5: ボタンda02d2566dc354b8713424a7ee1ffb90: 送信ボタン
HTML の高度な機能:
33b76b4b8fed37bae2e02aab79e75c10
922b9f6cdc0dad4ebf149c4188bcb9a0
eb5f059992a0ae0ef16884cb75644e40 フレーム、画面をそれぞれ 2 つの半分に分割します 2 ページを埋めます
76300d8d764ff51f721b695f6934eb18065276f04003e4622c4fe6b64f465b88: インライン フレーム、ページのインライン
c6aad8b0a8a4cd6b5b5fece20e4039d4: 外部ファイルが導入され、head タグに配置されます
b2386ffb911b14667cb8f0f91ea547a76e916e0f7d1e588d4f442bf645aedb2f: head にあるドキュメントのタイトルを定義します
e8e496c15ba93d81f6ea4fe5f55a2244f4a0e904fd48d9aaf936b88134fc653c: ドキュメントの見出し内にあるキーワードとドキュメントの説明を定義します
0cc0233114eb500caee89f563e2fa1cf: ドキュメント全体を定義します デフォルトのリンクは
7f52117709cabbcecfed9934b70cebe32cacc6d41bbb37262a98f745aa00fbf0: スクリプトステートメントを挿入します
HTML の完全な例は次のとおりです:
<html><head> <link rel="stylesheet" type="text/css" href="theme.css" /> <meta name="description" content="Free Web tutorials on HTML, CSS, XML" /> <meta name="keywords" content="HTML, CSS, XML" /> <base href="https://www.baidu.com/" /> <base target="_blank" /></head> <body> <h1 align="center">标题1</h1> <p style="font-size:10px" >黄色段落</p> <a href="https://www.baidu.com/" title="这是链接">百度</a> <img src="./picture.jpg" alt="图片加载错误"/> <div class="news"> <h2>News headline 1</h2> <p>some text. some text. some text...</p> ... </div> <span>提示：</span> <table border="1"> <tr> <td rowspan="2">跨行</td> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> <ul> <li>第一项</li> <li>第二项</li> </ul> <ol> <li>第一项</li> <li>第二项</li> </ol> <form name="input" action="html_form_action.asp" method="get"> <textarea rows="10" cols="5">文本域</textarea> 姓名：<input type="text" name="firstname"/> <input type="radio" name="sex"/>男性 <input type="checkbox" name="car" />我有汽车 <button type="button">Click Me!</button> <select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat" selected="selected">Fiat</option> <option value="audi">Audi</option> </select> <input type="submit" value="Submit" /> </form> <frameset cols="75%,25%"> <frame src="./frame_a.htm"> <frame src="./frame_b.htm"> </frameset> <iframe src="https://www.baidu.com/"></iframe> </body></html>