一、常用标签
1、<h>这是一个标题</h>
标题标签有1~6级,<h1>...<h6>
2、<p>这是一个段落</p>
看个例子:
<p style="color:red;font-size:18px">段落中文字是红色,大小为18像素</p>
上述代码告诉浏览器,<p></p>
中的文字显示为红色,大小为18像素。
我们看到,要为一个标签说明样式,只需在标签中插入”style”属性即可。
3、<br>换行标签
例如:
<p>This is our home<br>we are happy<br>oh!</p>
4、<strong>...</strong>字体加粗
5、<i>..</i>斜体
二、块级元素和行内元素
块元素独占一行,可设置宽高
行元素宽高取决于内容
块标签(Block, 如:<p>
、<div>
),对于这样的标签,如果我们不说明其宽度,它将占满它可以使用的所有横向(水平)空间。即使设置了宽度,它也不会与同属一个父容器其它元素同处一行。
行内标签(Inline, 如:<span>
、<img>
),这样的标签默认会与同属一个父容器的其它元素同处一行。
嵌套规则:
1、块元素可以嵌套行元素;
2、行元素可以嵌套行元素;
3、行元素不可以嵌套块元素;
4、文字类块元素不可以嵌套块元素;
5、容器类块元素可以嵌套块元素。
三、超链接标签
<a href="跳转地址">...</a>
跳转地址自己定义
若要实现点击超链接下滑页面到指定内容,则可定义id,比如:
<a href="#two">这是第2集</a>
<p id='two'>这是第2集...(内容)</p>
四、图片img标签
<img src="(图片地址).jpg" width=" " height=" "/>
五、列表
列表可分为有序列表和无序列表
有序列表:
<ol>
<li>1</li>
<li>2</li>
</ol>
网页显示如下:
无序列表:
<ul>
<li>one</li>
<li>two</li>
</ul>
网页显示如下: