HTML笔记：标签-1

2018 年 09 月 01 日

5227 次浏览

1115字数

<hr> 标签添加水平横线(分隔线)

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>hr标签使用</title>
</head>
<body>
<p>火车飞驰过暗夜里的村庄，月光，总是太容易让思念寂寞，太容易让人觉得孤独。</p>

<hr>             // 为上下段落之间添加一条分割线；

<p>每一枚被风吹起的蒲公英，都载满了一双眼睛的深情告别与一个目光的依依不舍。那天，我拿着行李，带上一个背影的祝福与惆怅，挥手告别了这片土地。我不知道，我何时会回来。</p>
</body>
</html>

<head> 标签：文档头部描述了文档各种属性和信息，包括文档标题等。

head 标签下包含以下部分；

<head> 
<title>hello world</title>    //网页标题信息; 
<meta> 
<link> 
<script>...</script> 
</head>
<!DOCTYPE HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>认识head标签</title> </head>

<body> 标签：body标签用于展示网页的内容，所有的网页需显示的内容都放在这个标签里面；

<h1>一级标题标签</h1>
<h2>二级标题标签</h2>
···
<h4>四级标题标签</h4>
···
<p>正文文本标签</p>
···
<em>文本倾斜标签</em>
<strong>....</strong>         //strong 强调标签，对文本进行加粗显示；
···

<p>标签：表示段落，一个段落需要用搞一个p 标签进行分割；

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> p标签的用法</title>
</head>
<body>
        <p>这是第一个段落，一个段落要用到一对p 标签</p>
        <p>这是第二个段落</p>

</body>
</html>

<span> 标签是没有语义的，它的作用就是为了设置单独的样式用的
<span>.....</span>

//span标签被用来组合文档中的行内元素。
span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。
可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>了不起的盖茨比</title>
<style>
span{
        color:blue;              //用于指定<span>标签内的样式
}
</style>
</head>
<body>
    <p>1922年的春天，一个想要成名名叫尼克•卡拉威（托比•马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的<span>美国梦</span>，他搬入纽约附近一海湾居住。</p>
    <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
</body>
</html>