HTML入门学习

一、常用标签

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>

网页显示如下: