【HTML+CSS學習之基礎知識】常用標籤及用法

HTML代碼註釋:<!--註釋文字-->

<head>標籤:文檔的頭部描述了文檔的各種屬性和信息;一般不顯示
<title>標籤:網頁的標題信息;主題
<body>標籤:網頁的主體內容
<p>標籤:段落
<hx>標籤:小標題
<strong>標籤:粗體顯示
<em>標籤:斜體顯示
<span>標籤:單獨設置字體格式,在<title>標籤後機上<style>標籤中的span{"設置內容";}中設置
<q>標籤:短文本引用;特殊格式
<blockquote>標籤:長文本引用;特殊格式
<br />標籤:空標籤(只有開始標籤沒有結束標籤);等同Enter鍵
&nbsp; :等同空格鍵
<hr />標籤:添加一條橫線
<adress>標籤:地址;特殊格式
<code>標籤:單行代碼;特殊格式
<pre>標籤:大段代碼;特殊格式
無順序列表標籤:
    <ul>
          <li>信息</li>
         <li>信息</li>
           ......
    </ul>

有順序列表標籤:
    <ol>
          <li>信息</li>
         <li>信息</li>
           ......
    </ol>

<div>標籤:邏輯塊;相當於一個容器
    <div id="板塊名稱">
表格標籤:
    <table>
        <tbody>
            <tr>行元素
                <th>表頭</th>
                <th>表頭</th>
            </tr>
            <tr>
                <td>列元素</td>
                <td>列元素</td>
            </tr>
        </tbody>
    <table>
    
    <table summary="表格簡介文字">;不顯示
        <caption>標題文本</caption>

連接標籤:<a  href="目標網址"  title="鼠標滑過顯示的文本">鏈接顯示的文本</a>;在本頁中打開目標網址
    在新標籤頁中打開目標網址:<a href="目標網址" target="_blank">click here!</a>

發郵件:<a herf=mailto:[email protected]?subject=觀了不起的蓋茨比有感&body=你好,對此評論有一些想法。>對此影評有何感想,發送郵件給我</a>

插入圖片:<img src="圖片地址" alt="下載失敗時的替換文本" title = "提示文本">

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章