美文网首页
HTML的基础标签

HTML的基础标签

作者: 潇洒的小老虎 | 来源:发表于2018-04-11 20:21 被阅读0次

HTML:超文本标签语言

标签一般成对出现也有单标签

基本格式--固定死的骨架

<html>
    <head>
        <title>俺的网页标题</title>
    </head>
    <body>
        主体部分
    </body>
</html>
一、无语意的标签
1.div标签
<div>布局用</div>
1.span标签
<span>布局用</span>
二、有语意的标签
1.标题标签

h1~h6

我不是标题
<h1>我是标题</h1>
2.段落标签
<p></p>
3.水平线标签
<hr />
4.换行标签
<br />
5.文本格式化标签
<strong></strong>和<b></b>都是加粗,推荐用前者
<em></em>和<i></i>都是倾斜,推荐用前者
<del></del>和<s></s>都是删除线,推荐用前者
<ins></ins>和<u></u>都是加下划线,推荐使用前者
6.图片标签
<img src="图像的URL" alt="图片不能显示时显示的文本" title="鼠标悬停时显示的内容" border="边框宽度">
7.链接标签
a href="http://www.baidu.com" target="_blank>百度</a>
<a href="目标id">锚点跳转</a>

可以用base标签设置所有链接打开方式,在<head></head>标签中添加<base target="_blank"/>来让所有链接都在新窗口打开

8.特殊字符

空格 & nbsp;
< & lt;
> & gt;

9.注释标签
<!--这是注释-->
10.列表标签

无序列表

<ul>
    <li>lianxi1</li>
    <li>lianxi2</li>
    <li>lianxi3</li>
    <li>lianxi4</li>
</ul>

有序列表

<ol>
    <li>lianxi1</li>
    <li>lianxi2</li>
    <li>lianxi3</li>
    <li>lianxi4</li>
</ol>

自定义列表

<dl>
    <dt>北京</dt>
        <dd>昌平</dd>
        <dd>通州</dd>
        <dd>顺义</dd>
        <dd>石景山</dd>
    <dt>皇帝</dt>
        <dd>皇后</dd>
        <dd>妃子</dd>
</dl>

相关文章

网友评论

      本文标题:HTML的基础标签

      本文链接:https://www.haomeiwen.com/subject/hmpzhftx.html