您好,登錄后才能下訂單哦!
下面跟著筆者一起來了解下HTML的入門基礎知識,相信大家看完肯定會受益匪淺,文字在精不在多,希望HTML的入門基礎知識這篇短內容是你想要的。
一、簡介
1、超文本標記語言(Hyper Text Mark Language),是一種創建網頁的標準標記語言,由瀏覽器來解析。
2、文檔后綴名為.html或htm,html文件也叫web頁面;
3、HTML中不支持空格、回車、制表符,它們都會被解析成一個空白字符;
4、HTML標簽通常是成對出現的,格式:<tagName>data</tagName>;
5、只有<body> </body>標簽內的內容才會在瀏覽器中顯示;
6、HTML語言不區分大小寫;
7、<!--注釋-->
8、helloworld!
<!DOCTYPE html> <!--聲明HEML版本--> <html> <head> <meta charset="utf-8"> <!--聲明編碼方式--> <title>helloworld!</title> </head> <body> helloworld! </body> </html>
二、標簽
(一)基本
<html> </html> HTML頁面根元素 <head> </head> 包含文檔的元數據(meta) <title> </title> 文檔標題,存書簽時也顯示此內容 <body> </body> 包含了頁面的可見內容 <h2> </h2> 大標題,往下每一級標題依次h3,h4的類推,最小標題是h7 <p> </p> 段落 <a href=""> </a> 鏈接,中間內容為顯示內容,例:<a href="http://www.baidu.com">百度</a>;如果target="_blank",鏈接會在新的窗口中打開 <img src="address" width="3" height="5" /> 圖像,alt屬性可在瀏覽器無法載入圖像時顯示文本 <iframe></iframe> 框架,使用src屬性指向不同的URL,達到一個窗口顯示多個頁面的目的; <br> 換行符,屬于一個空元素,即沒有內容的元素,空元素是在開始標簽中關閉的<br/> <hr> 分割線 <div> </div> 區塊,可用于組合其他元素的容器;可使用它進行布局; <span> </span> 用來組合文檔中的行內元素; <!doctype html> 聲明html版本,不區分大小寫
(二)文本格式標簽
<strong> </strong> 加粗顯示之間的文字,也可用<b></b> <em> </em> 斜體,也可用<i></i> <big> </big> 放大 <small> </small> 縮小 <sub> </sub> 下標文字 <sup> </sup> 上標文字 <ins> </ins> 下劃線 <del> </del> 刪除線
(三)引文、引用及標簽定義
<abbr> </abbr> 縮寫,被縮寫的內容用title屬性來體現 <address> </address> 定義地址,通常被包含在<footer>元素的其他信息中 <bdo> </bdo> 定義文字方向,默認值為從左到右,可用dir="rtl"來改為從右到左顯示 <blockquote> </blockquote> 定義長的引用,可用cite="URL"來規定引用的來源 <q> </q> 定義短的引用,屬性cite <cite> </cite> 定義引用、引證 <dfn> </dfn> 定義一個定義項目
(四)
1“計算機輸出”標簽1 <code> </code> 定義計算機代碼 2 <kbd> </kbd> 定義鍵盤碼 3 <samp> </samp> 定義計算機代碼樣本 4 <var> </var> 定義變量 5 <pre> </pre> 定義預格式文本
(五)head元素內包可含元素
<title> </title> <base> 定義了頁面的默認鏈接地址,通過href屬性來實現 <link> 定義了文檔和外部資源的關系,通常可用rel,type,href等屬性 <meta> 定義了文檔中的元數據,可有name,content,charset等屬性 <script></script> 用于加載腳本文件 <style></style> 定義了HTML文檔的樣式文件
(六)圖片標簽
1 <img> 2 <area> 定義帶有可點擊區域的圖像,可有shape,coords等屬性,來畫各種圖形 3 <map></map> 帶有可點擊區域圖像映射,必須有name屬性,中間可包含area元素;
(七)表格標簽
<table></table> 定義表格,表格的所有內容都應放在里邊;屬性border=“1”定義了邊框大小 <caption></caption> 表格標題 <tr></tr> 表格每一行的內容; <td></td> 一個單元格的內容; <thead></thead> 表格第一行; <th></th> 表頭內容,即第一行每一格內容; <tbody></tbody> 表格主體; <tfoot></tfoot> 表格最后一行; <colgroup></colgroup> 表格列的組; <col></col> 表格列的屬性;
看完HTML的入門基礎知識這篇文章后,很多讀者朋友肯定會想要了解更多的相關內容,如需獲取更多的行業信息,可以關注我們的行業資訊欄目。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。