HTML基础标签

HTML基础标签

标题标签

1

2

3

4

5

6

<h1>1</h1>
<h2>2</h2>
<h3>3</h3>
<h4>4</h4>
<h5>5</h5>
<h6>6</h6>

段落标签

文本内容

<p>文本内容</p>

水平线标签

---

<hr/>

换行标签

第一天

第一天

 第一天<br/>
第一天

div span标签

1 2

1

2

<div>1 <span>2<span></div>
<div>1</div>
<span>2<span>

文本格式化标签

粗体
1
1

<b>1</b>
<strong>1</strong>

斜体
五
五

<i>五</i>
<em>五</em>

删除线
3
3

<s>3</s>
<del>3</del>

加下划线
4
4

<u>4</u>
<ins>4</ins>

标签属性

今天是快乐的一天

<p id="p" style="color: red">今天是快乐的一天</p>

图像标签img

<img src="media/1.jpg"  alt="图片无法显示"  title="这是图片"  width="150"  height="150" />

链接标签

百度一下，你就知道

<a href="#" >  百度一下，你就知道  </a>

锚点定位

b
a

<a href="#a" id="b">b</a>
<a href="#b" id="a">a</a>

特殊字符标签

如果     思念有声音
< > &

如果     思念有声音
< > &

注释标签

<!--如果思念有声音-->

相对路径

1. 图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可

<img src="logo.gif" />

2. 图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开

<img src="img/img01/logo.gif" />

3. 图像文件位于HTML文件的上一级文件夹：在文件名之前加入“…/” ，如果是上两级，则需要使用 “…/ …/”，以此类推，

<img src="../logo.gif" />

绝对路径

百度

“D:\web\img\logo.gif”，或完整的网络地址

<a href="http://www.baidu.com"></a>
<img src="D:\web\img\logo.gif"/>

无序列表 ul

• 1
• 2
• 3

 <ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

有序列表 ol

1. 1
2. 2
3. 3

 <ol>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ol>

定义列表

1

1.1

1.2

2

2.1

2.2

 <dl>
  <dt>1</dt>
  <dd>1.1</dd>
  <dd>1.2</dd>
   <dt>2</dt>
  <dd>2.1</dd>
  <dd>2.2</dd>
</dl>