web`2019.2.28~MY g~
表格
<table>
<caption>成績表</caption>
<tr><th>學號</th><th>姓名</th><th>成績</th></th>
<tr><td>1001</td><td>貝利</td><td>83</td></tr>
<tr><td>1002</td><td>喬丹</td><td>79</td></tr>
<tr><td>1003</td><td>郎平</td><td>88</td></tr>
Table:表格;caption:表標題;
Tr行;td:單元格;th列標題;
表格經常用來定位;
<!DOCTYPE HTML>
<html>
<body>
<h1>我的第二個標題</h1>
<p>我的第一個段落</p>
</body>
</html>
HTML 標題(Heading )是通過<h1>-<h6>等標簽進行定義的
<h1>這是一級標題</h1>
<h2>這是二級標題</h2>
<h3>這是三級標題</h3>
HTML 元素指的是從開始標簽到結束標簽的所有代碼
開始標簽 元素內容 結束標簽
<p> this is a paragraph
<a href="default.htm"> this is a link </a>
<br />
HTML標題(heading)是通過h1 – h2等標簽進行定義的
HTML段落是通過<p>標簽進行定義的
HTML鏈接
HTML 鏈接時通過<a>標簽進行定義的
<a href=”http://www.w3school.com.cn”>this is a link</a>>
註釋:在href 屬性中指定鏈接的地址
HTML圖像
HTML 圖像是通過<img>標簽進行定義的。
<img src=”w3school.jop”width=”104”height=”142”/>
更多HTML屬性實例
屬性例子 1:
<h1> define 標題的開始
HTML 標題
<h1 align=”center”>擁有關於對齊的附加信息
TIY:居中排列標題
HTML水平線
<hr/>標簽在HTML頁面中創建水平線
Hr元素可用於分割內容
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
提示:使用水平線(<hr>標簽)來分隔文章中的小節是一個辦法(但不是唯一的辦法)
HTML註釋
可以將註釋插入HTML代碼中,這樣可以提高其可讀性,是代碼
更易被人理解。瀏覽器。瀏覽器會忽略註釋,也不會顯示他們
實例:
<!—this is a comment-->
註釋:開始括號之後(左邊的括號)需要緊跟一個嘆號,結束
括號之前(右邊的括號)不需要~合理地使用註釋可以對未來的代碼編輯工作產生幫助。
不要忘記結束標簽~即使忘了使用結束標簽,大多數瀏覽器也會正確地將HTML顯示出來
HTML折行
如果你不希望在產生一個新的段落的情況下進行換行(新行),請使用<br/>標簽:
你或許發現<br>與<br/>很相似。
在XHTML XML 以及未來的HTML版本中,不允許使用沒有結束標簽(閉合標簽)的HTML元素。
即使<br>在所有瀏覽器中顯示多沒有問題,使用<br/>也是更長遠的保障
HTML 樣式
Style屬性用於改變HTML元素樣式
<h1>定義標題的開始。
<h1 align=”center”>擁有關於對齊方式的附加信息
<h1 align="center">This is heading 1</h1>
<body>定義HTML文檔的主體
<body bgcolor=”yellow”>擁有關於背景顏色的附加信息
<>
<>
HTML樣式
Style屬性用於改變HTML元素的樣式
HTML樣式實例——背景顏色
Background-color 屬性為元素定義背景顏色
<html>
<body style=”background-color:yellow”>
<h2 style=”background-color:red”>this is a heading</h2>
<p styple=”background-color:green”>this is a paragraph.</p>
</body>
</html>
註意:style 屬性淘汰了“舊的”bgcolor屬性
HTML樣式實例-字體、顏色、尺寸
Font-family、color以及font-size屬性分別定義元素中文本
的字體系列、顏色、和字體的尺寸
<html>
<body>
<h1 style=”font-family:verdana”>A Heading</h1>
<p style=”font-family:arial;color:red;font-size:20px;”>A paragraph.</body>
</html>
HTML 樣式實例-文本對齊
Text-align 屬性規定了元素中農文本的水平對齊方式
<html>
<body>
<h1 style=”text-align:center”>this is a heading </h1>
<p>the heading above is aligned to the center of this page.</p>
</body>
</html>
<!--http://www.w3school.com.cn/html/html_styles.asp-->
表格
<table>
<caption>成績表</caption>
<tr><th>學號</th><th>姓名</th><th>成績</th></th>
<tr><td>1001</td><td>貝利</td><td>83</td></tr>
<tr><td>1002</td><td>喬丹</td><td>79</td></tr>
<tr><td>1003</td><td>郎平</td><td>88</td></tr>
Table:表格;caption:表標題;
Tr行;td:單元格;th列標題;
表格經常用來定位;
<!DOCTYPE HTML>
<html>
<body>
<h1>我的第二個標題</h1>
<p>我的第一個段落</p>
</body>
</html>
HTML 標題(Heading )是通過<h1>-<h6>等標簽進行定義的
<h1>這是一級標題</h1>
<h2>這是二級標題</h2>
<h3>這是三級標題</h3>
HTML 元素指的是從開始標簽到結束標簽的所有代碼
開始標簽 元素內容 結束標簽
<p> this is a paragraph </p>
<a href="default.htm"> this is a link </a>
<br />
HTML標題(heading)是通過h1 – h2等標簽進行定義的
HTML段落是通過<p>標簽進行定義的
HTML鏈接
HTML 鏈接時通過<a>標簽進行定義的
<a href=”http://www.w3school.com.cn”>this is a link</a>>
註釋:在href 屬性中指定鏈接的地址
HTML圖像
HTML 圖像是通過<img>標簽進行定義的。
<img src=”w3school.jop”width=”104”height=”142”/>
更多HTML屬性實例
屬性例子 1:
<h1> define 標題的開始
HTML 標題
<h1 align=”center”>擁有關於對齊的附加信息
TIY:居中排列標題
HTML水平線
<hr/>標簽在HTML頁面中創建水平線
Hr元素可用於分割內容
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
提示:使用水平線(<hr>標簽)來分隔文章中的小節是一個辦法(但不是唯一的辦法)
HTML註釋
可以將註釋插入HTML代碼中,這樣可以提高其可讀性,是代碼
更易被人理解。瀏覽器。瀏覽器會忽略註釋,也不會顯示他們
實例:
<!—this is a comment-->
註釋:開始括號之後(左邊的括號)需要緊跟一個嘆號,結束
括號之前(右邊的括號)不需要~合理地使用註釋可以對未來的代碼編輯工作產生幫助。
不要忘記結束標簽~即使忘了使用結束標簽,大多數瀏覽器也會正確地將HTML顯示出來
HTML折行
如果你不希望在產生一個新的段落的情況下進行換行(新行),請使用<br/>標簽:
你或許發現<br>與<br/>很相似。
在XHTML XML 以及未來的HTML版本中,不允許使用沒有結束標簽(閉合標簽)的HTML元素。
即使<br>在所有瀏覽器中顯示多沒有問題,使用<br/>也是更長遠的保障
HTML 樣式
Style屬性用於改變HTML元素樣式
<h1>定義標題的開始。
<h1 align=”center”>擁有關於對齊方式的附加信息
<h1 align="center">This is heading 1</h1>
<body>定義HTML文檔的主體
<body bgcolor=”yellow”>擁有關於背景顏色的附加信息
<>
<>
HTML樣式
Style屬性用於改變HTML元素的樣式
HTML樣式實例——背景顏色
Background-color 屬性為元素定義背景顏色
<html>
<body style=”background-color:yellow”>
<h2 style=”background-color:red”>this is a heading</h2>
<p styple=”background-color:green”>this is a paragraph.</p>
</body>
</html>
註意:style 屬性淘汰了“舊的”bgcolor屬性
HTML樣式實例-字體、顏色、尺寸
Font-family、color以及font-size屬性分別定義元素中文本
的字體系列、顏色、和字體的尺寸
<html>
<body>
<h1 style=”font-family:verdana”>A Heading</h1>
<p style=”font-family:arial;color:red;font-size:20px;”>A paragraph.</body>
</html>
HTML 樣式實例-文本對齊
Text-align 屬性規定了元素中農文本的水平對齊方式
<html>
<body>
<h1 style=”text-align:center”>this is a heading </h1>
<p>the heading above is aligned to the center of this page.</p>
</body>
</html>
<!--http://www.w3school.com.cn/html/html_styles.asp-->
web`2019.2.28~MY g~