摘要:超文本標記語言的結構包括頭部分,和主體部分,期中頭部提供關于網頁的信息,主體部分提供網頁的具體內容。超文本標記語言是標準通用語言下的一個應用,也是一種規范,一種標準,它通過標記符號來標記要顯示的網頁中的各個部分。
html的定義:
html超文本標記語言,標準通用標記語言下的一個應用。
“超文本”就是指頁面內可以包含圖片,鏈接,甚至音樂,程序等非文字語言。
超文本標記語言的結構包括“頭”部分(head),和“主體”部分(body),期中“頭”部提供關于網頁的信息,“主體”部分提供網頁的具體內容。
超文本標記語言是標準通用語言下的一個應用,也是一種規范,一種標準,它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件,通過在文本文件中添加標記符,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。瀏覽器按順序閱讀網頁文件,然后根據標記符解釋和顯示其標記的內容,對書寫出錯的標記將不指出其錯誤,且不停止其解釋執行過程,編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是,對于不同的瀏覽器,對同一標記符可能會有不完全相同的解釋,因而可能會有不同的顯示效果。
html的基本結構:
1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>title> 5 head> 6 <body> 7 body> 8 html>
從上面可以看的,第一個是告訴瀏覽器這是html文檔的開始,然后最后一個是告訴瀏覽器這是html的終止。標簽
? 之間的文本是頭部信息,之間的文本是文檔標題,會顯示在瀏覽器窗口的標題欄。是設置網頁編碼的語句,讓瀏覽器讀取到本編碼屬于utf-8。
html的標簽元素:
1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>title> 5 head> 6 <body> 7 <ul type="disc"> 8 <li>這是無需列表li> 9 <li>這是無序列表li> 10 <li>這是無序列表li> 11 ul> 12 <ol type="a" start="1"> 13 <li>這是有序列表li> 14 <li>這是有序列表li> 15 <li>這是有序列表li> 16 ol> 17 <dl> 18 <dt>標題一dt> 19 <dd>123dd> 20 <dd>321dd> 21 <dt>標題二dt> 22 <dd>344dd> 23 <dd>455dd> 24 <dt>標題三dt> 25 <dd>676dd> 26 <dd>665dd> 27 dl> 28 <p>好好學習天天向上!p><p>好好學習天天向上!p><p>好好學習天天向上p> 29 好好學習天天向上!<br />好好學習天天向上!<br />好好學習天天向上!<br/> 30 31 body> 32 33 html>
?
是換行符。
標簽是用來定義一個段落,也可以用來換行。
超鏈接?:
1?
<meta charset="utf-8" /> 4 <title>超鏈接title> 5 head> 6 <body> 7 <a href="http://www.baidu,com" target="_blank">百度一下a> 8 <a href="http://www.jd.com" target="_self">到京東a> 9 <a href="#target">點我跳到指定的位置a> 10 <p>學習編程沒有捷徑p> 11 <p>學習編程沒有捷徑p> 12 <p>學習編程沒有捷徑p> 13 <p>學習編程沒有捷徑p> 14 <hr width="500" color="red" size="5" align="center">
跳到這里來!
15 <p>學習編程沒有捷徑p> 16 <p>學習編程沒有捷徑p> 17 <p>學習編程沒有捷徑p> 18 body> 19 html>
a標簽用來定義一條超鏈接,其中要有的是href屬性,href的作用是指明超鏈接要鏈接到的網址。除了href屬性,還有title屬性表示連接的提示信息。target屬性表示鏈接的打開方式,即當點擊了鏈接,選擇是在另一個頁面打開還是在本頁面打開。其屬性值包括_blank(新的空白頁),_self(當前頁),_top(當前頁)
百度一下 href 的值可以是外部鏈接,也可以是內部文件,如***.html
錨點:有時候我們在瀏覽網頁會發現,有些網頁比較人性化,會有點擊返回的按鈕。這樣的效果其實用錨點標簽就能做到。錨點就是點擊使用戶跳到文檔的某個部分。上面的:
align.可以對段落進行設置。屬性align的值包括left(左對齊),center(居中),right(右對齊)。
img標簽:
?
1 1 <html> 2 2 <head> 3 3 <meta charset="utf-8" /> 4 4 <title>坂井泉水真美!title> 5 5 head> 6 6 <body> 7 7 <img src="bjqs.jpg" width="500" height="500" title="女神啊!" alt="圖片損壞" /> 8 8 body> 9 9 html>
?
屬性:src,屬性值:url,說明:圖像資源的地址
屬性:width,屬性值:像素(px),說明:圖像寬度
屬性:height,屬性值:像素(px),說明:圖像高度
屬性:alt,屬性值:替代文字,說明:圖像的替代文字
標題:
1 <html> 2 <head> 3 <meta charset="utf-8" /> 4 <title>標題title> 5 head> 6 <body> 7 <h1>標題一h1> 8 <h2>標題二h2> 9 <h3>標題三h3> 10 <h4>標題四h4> 11 <h5>標題五h5> 12 <h6>標題六h6> 13 body> 14 html>
文本格式化,一些常用于設置文本字體的元素:
定義粗文本
定義斜文本
定義刪除文本
定義上標字
定義下標字
實體字符:
>? ? 大于號(>)
? ?小于號(<)
"? ?引號(")
®? ? ? 注冊商標
©? ? 版權
&? ? ?©
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/2079.html
摘要:標簽將表單內容的一部分打包,生成一組相關表單的字段。提示和注釋注釋元素是空元素,它僅包含屬性。注釋此元素只能存在于部分,不過它可出現任何次數。屬性屬性規定當前文檔與被鏈接文檔之間的關系。該標簽用于組合表格的主體內容。 1.HTML 標簽: 實例 組合表單中的相關元素: health information height: weight: 定義和用法 fieldset 元素...
摘要:標簽將表單內容的一部分打包,生成一組相關表單的字段。提示和注釋注釋元素是空元素,它僅包含屬性。注釋此元素只能存在于部分,不過它可出現任何次數。屬性屬性規定當前文檔與被鏈接文檔之間的關系。該標簽用于組合表格的主體內容。 1.HTML 標簽: 實例 組合表單中的相關元素: health information height: weight: 定義和用法 fieldset 元素...
摘要:語法父類名表示當前類繼承于哪個類的標簽。成員標簽成員標簽作用于類中的配置屬性函數事件。表明可被子類繼承,和一起使用。示例獲取圓的面積圓的半徑面積值作用于函數,表明函數的標簽。作用于函數,表明構造函數參數的標簽,用法同。 字數:3692字 閱讀時間:15分鐘 前言 ? 首先,咱們有一個前提,JSDuck對我們而言只是一個便于API查看的文檔化工具。因此,只要它能夠滿足我們文...
摘要:的用法全在配置中是在環境下運行的,學習之前,請先自行安裝環境含安裝第一步全局安裝第二步建立項目文件夾,如一直回車下去項目目錄本地安裝搭建目錄結構在項目根目錄下的簡單目錄結構如下入口文件安裝時,自動建立 ----------webpack的用法全在配置中!!webpack是在node環境下運行的,學習webpack之前,請先自行安裝node環境(含npm); 安裝webpack: 第一步...
摘要:光滑三次貝塞爾曲線指令跟在指令或指令后面補刀,它會自動在基礎上生成一個對稱點,所以指令只需要兩個點就可以。二次貝塞爾曲線是控制點,表示的是曲線的終點。 一、內置圖形: rect(矩形) circle(圓) ellipse(橢圓) line(直線) polyline(折線) polygon(多邊形) path(路徑) 二、內置圖形的html屬性或(css樣...
閱讀 2526·2021-09-24 10:29
閱讀 3806·2021-09-22 15:46
閱讀 2575·2021-09-04 16:41
閱讀 2982·2019-08-30 15:53
閱讀 1263·2019-08-30 14:24
閱讀 3057·2019-08-30 13:19
閱讀 2172·2019-08-29 14:17
閱讀 3525·2019-08-29 12:55