html基礎簡介

時間 2019-11-18

標籤 html 基礎簡介欄目 HTML 简体版

原文原文鏈接

1、html概念html

一、定義：（Hyper Text Markup Language）超文本標記語言，主要是經過html標記對網頁中的文本，圖片，聲音等內容進行描述，同時也能夠在文本中包含「超級連接」，經過超連接實現網頁跳轉。瀏覽器

二、編碼格式：字體

gb2312：國家標準第2312條定義了簡體字符，部分亞裔字符集
gbk：上述升級版本，增長了繁體中文的定義
Unicode：萬國碼，歐洲，非洲，澳洲
UTF-8：上述升級版本

三、html結構編碼

四、html標籤關係url

1）嵌套關係：相似父親和兒子之間的關係spa

<html>
<head></head>
<body></body>
</html>3d

2）並列關係：相似與兄弟之間的關係code

<head></head>
<body></body>視頻

五、html標籤分類htm

1）雙標記：也稱體標記，是指由開始和結束兩個標記符組成的標記。<標記名></標記名>

　　<p>：默認狀況下，文本在一個段落中根據瀏覽器窗口的大小自動換行。

　　<h1>、<h2>、<h3>、<h4>、<h5>和<h6>：等級標題，從<h1>到<h6>重要性遞減

　　<font>：控制網頁中文本的字體、字號和顏色

　　超連接：<a href="跳轉目標" target="目標窗口的彈出方式">文本或圖像</a>

2）單標記：也稱空標記，只指用一個標記符號便可完整的描述某個功能的標記。<標記名/>

　　<hr />：添加一條默認樣式的水平線

　　<br />：換行標記

　　圖像標記：<img src=「img/logo.gif」 alt=「教育在線" />

2、html基礎代碼和顯示

<!DOCTYPE html>
<html>
<!--我是註釋-->
<!--html標籤描述：
	一、跟標記，用於告知瀏覽器其自身是一個html文檔
	二、<html>標記標誌着html文檔的開始，</html>標記標誌着html文檔的結束
	三、<html> 與 </html> 之間的文本描述網頁
-->
	<head>
	<!--head標籤描述：
		一、<head>標記頭部開始，</head>標記頭部結束
		二、<head>標記必要且在一個html文檔中只能含有一對
		三、<head>	定義關於文檔的信息；<title>  定義文檔標題；<base>  定義頁面上全部連接的默認地址或默認目標；
			<meta>定義關於HTML文檔的元數據。<script> 定義客戶端腳本；<link>定義文檔與外部資源之間的關係；
			<style>	定義文檔的樣式信息。
	-->
		<meta charset="utf-8">
		<!--編碼格式 告訴給瀏覽器用什麼方式來都這頁代碼-->
		<title>網頁名稱</title>
		<!--定義HTML頁面的標題，必須位於<head>標記以內。一個HTML文檔只能含有一對，<title>之間的內容將顯示在瀏覽器窗口的標題欄中-->
	</head>
	<body>
	<!--主體標記：定義html文檔所要顯示的內容。全部文本、圖像、音頻和視頻等信息都必須在<body>標記內，只能含有一對-->
	我是body標籤內容<br />
    <!--<br/>換行-->
		<hr />
		水平線標籤<br />
		<hr />

		<p>段落標籤</p>
		<hr />

		<h1>一級標題</h1>
		<h2>二級標題</h2>
		<h3>三級標題</h3>
		<h4>四級標題</h4>
		<h5>五級標題</h5>
		<h6>六級標題</h6>
		<hr />

		<font color="red" size="4">文本樣式標籤</font><br />
		<!--font控制網頁中文本的字體、字號、顏色-->

		<b>粗體標籤</b><br />
		<strong>粗體標籤，xhtml推薦使用</strong><br />
		<br />

		<i>斜體標籤</i><br />
		<em>斜體標籤，xhtml推薦使用</em><br />
		<br />

		<a>刪除線標籤</a><br />
		<del>刪除線標籤，xhtml推薦使用</del><br />
		<br />

		<u>下劃線標籤，xhtml不同意使用</u><br />
		<ins>下劃線標籤</ins><br />
		<hr />

        <font color="red" size="4">插入圖片</font><br />
		<img src="/Users/80260780/Pictures/666.jpg" alt="海賊王" title="666" width="180" height="120">
		<hr />

        <font color="red" size="4">超連接</font>
		<a href="http://detail.zol.com.cn/1293/1292109/param.shtml" target="blank">中關村</a>
		<!--超連接屬性:
			一、<a href="跳轉目標" target="目標窗口的彈出方式">文本或圖像</a>
			二、href：用於指定連接目標的url地址，當爲<a>標記應用href屬性時，它就具備了超連接的功能。
			三、target：用於指定連接頁面的打開方式，其取值有_self和_blank兩種，其中_self爲默認值，表明在當前窗口打開；_blank爲在新窗口中打開方式。
            四、<base />   能夠設置總體連接的打開狀態>
        -->
        <hr />

        <font color="red" size="4">html列表</font>
        <font color="red" size="4">無序列表</font>
        <ul type="disc">
        	<li>無序列表 disc</li>
        </ul>

        <ul type="square">
        	<li>無序列表 square</li>
        </ul>

        <ul type="circle">
        	<li>無序列表 circle</li>
        </ul><br />

        <font color="red" size="4">有序列表</font>
        <ol type="a" start="1">
        <!--type:有序列表項目富豪的類型（1 a A i），start:編號開始的數字-->
        	<li>有序列表1</li>
        	<li>有序列表2</li>
        </ol><br />

        <font color="red" size="4">列表自定義</font>
        <dl>
        	<dt>男裝</dt>
        		<dd>男士外套</dd>
        	<dt>女裝</dt>
        		<dd>女士外套</dd>
        </dl>
        <hr />

        <!--<table> 標籤訂義 HTML 表格。
			一、簡單的 HTML 表格由 table 元素以及一個或多個 tr、th 或 td 元素組成。
			二、tr 元素定義表格行，th 元素定義表頭，td 元素定義表格單元。
			三、更復雜的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。-->
        <table border="1">
        	<tbody>
        		<tr>
        			<th>姓名</th>
        			<th>班級</th>
        			<th>年齡</th>
        		</tr>

        		<tr>
        			<td>小張</td>
        			<td>七年級</td>
        			<td>10歲</td>
        		</tr>
        	</tbody>
        </table>

	</body>
</html>

代碼顯示頁面：

1. HTML&CSS基礎簡介
2. HTML簡介及基礎標籤(一)
3. [01]HTML基礎之簡單介紹
4. Web前端基礎（一）--HTML簡介
5. HTML基礎介紹
6. HTML基礎-簡述
7. HTML之基礎介紹
8. HTML/CSS基礎與介紹
9. HTML+CSS基礎第一章 html介紹
10. Java——基礎簡介
更多相關文章...
• Kotlin 基礎語法 - Kotlin 教程
• Scala 基礎語法 - Scala教程
• Github 簡明教程
• Java Agent入門實戰（一）-Instrumentation介紹與使用

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。