HTML基础标签

来源：互联网发布：资海网络集团电话编辑：程序博客网时间：2024/09/21 06:32

标题h1~h6

<h1>这是一级标题</h1><h2>这是一级标题</h2><h3>这是一级标题</h3><h4>这是一级标题</h4><h5>这是一级标题</h5><h6>这是一级标题</h6>

浏览器会自动的在标题前后添加空行，搜索引擎可以使用标题来为网页添加索引。注意要把标题标签用于标题，不要仅仅为了加粗使用他们。

段落 p

<p>这是一个段落</p>

段落标签和标题一样属于块级元素，默认情况下浏览器会在块级元素的前后添加空行。

超链接 a

<a href=" " target="_blank">这是一个超链接</a>

href属性规定链接的地址，target属性规定在何处打开链接的网址，默认是在本页打开，_blank是在新窗口打开。

图片 img

<img src="" alt="" title="">

img是一个空标签(只包含属性，并且没有闭合标签),alt是在图片加载失败时显示的文字，告诉用户这是一张什么图片，title是当鼠标悬浮在图片上的提示信息.

表格 table

每个表格被分为若干行（tr），每行被分为若干个单元格（td）。单元格中可以包含图片，文字，表格，段落等等。

<table><tr><td>第一行第一列</td><td>第一行第二列</td></tr><tr><td>第二行第一列</td><td>第二行第二列</td></tr></table>

div

网页上常用div来进行布局，代替了传统的通过table的布局方式。

<!DOCTYPE html><html lang="en">    <head>        <meta charset="utf-8">        <title>twoTitle</title>        <style>.header{width: 100%;height: 100px;background-color: yellow;}.nav{width: 10%;height: 500px;background-color: pink;float: left;}.section{width: 90%;height: 500px;background-color: skyblue;float: left;}.footer{width: 100%;height: 50px;clear: both;background-color: red;}        </style>    </head>    <body><div class="header">这里是头部</div><div class="nav">这里是侧边栏</div><div class="section">这里是主题部分</div><div class="footer">这里是底部</div>    </body></html>

不过在html5中新增了语义标签来表示网页的不同部分。效果与是一样的。

<header>这里是头部</header><nav>这里是侧边栏</nav><section>这里是主题部分</section><footer>这里是底部</footer>

0 0