Html块标签:

(1)<div>标签 块元素,表示一块内容,没有具体的语义

(2)<span>标签 行内元素,表示一行中的一小段内容,没有具体的语义

<p>标签 默认是带空行的样式

<div>标签 默认是不带空行的样式

代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>块标签</title>
</head>
<body>
<p>这是一个段落,可以放一段文字</p>
<p>这是一个段落,可以放一段文字</p>
<p>这是一个段落,可以放一段文字</p> <div>这是一个块标签,可以放一段文字</div>
<div>这是一个块标签,可以放一段文字</div>
<div>这是一个块标签,可以放一段文字</div> </body>
</html>

<div>标签可以嵌套,如:<div> <div></div> </div>

<p>标签,一般不建议使用<p>标签中嵌套<p>标签,如果这么用的话样式可能会进不去;<p>标签可以包含其他的标签

含样式和语义的标签:

(1)<em>标签 行内元素,表示语气中的强调词

(2)<i>标签 行内元素,表示专业词汇

(3)<b>标签 行内元素,表示文档中的关键字或者产品名

(4)<strong>标签 行内元素,表示非常重要的内容

<em>、<i>标签都带有使倾斜的样式

<em>、<i>展现形式是一样的,表示的语义不同

<b>、<strong>展现形式是一样的,表示的语义不同

代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>块标签</title>
</head>
<body> <p>这是一个段落,可以放一段文字</p>
<p>这是一个段落,可以放一段文字</p>
<p>这是一个段落,可以放一段文字</p> <div>这是一个块标签,可以放一段文字</div>
<div>这是一个块标签,可以放一段文字</div>
<div>这是一个块标签,可以放一段文字</div> <div>
<div>
<h1>这是一个一级标题</h1>
<p>这是一个<span>段落</span>,可以放一段文字</p>
</div> <div>
这是一个<em>em标签</em> <br />
这是一个<i>i标签</i> <br />
这是一个<b>b标签</b> <br />
<p><strong>这是一个段落中的strong标签,通常包含一段很重要的文字</strong></p>
</div> </div> </body>
</html>

页面显示效果:

语义化的标签:

语义化的标签,就是在布局的时候多使用有语义的标签,搜索引擎在爬网的时候能认识这些标签,理解文档的结构,方便网站的收录。如:h1标签是表示标题,p标签是表示段落,ul、li标签是表示列表,a标签是表示链接,dl、dt、dd表示定义列表等,语义化的标签不多。

Html块标签、含样式的标签、语义化的标签:的更多相关文章

  1. html块、含样式的标签

    html块 1.div标签 块元素,表示一块内容,没有具体的语义. 2.span标签 行内元素,表示一行中的一小段内容,没有具体的语义. 含样式和语义的标签 1.em标签 行内元素,表示语气中的强调词 ...

  2. 3-html块-语义化的标签

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  3. HTML5的新语义化的标签

    在HTML5之前采用HTML+CSS文档结构写法 [ID选择器说明 id选择器——用于标识页面上特定元素(比如站点导航.页眉.页脚)而且必须唯一; 也可以用来标识持久结构性元素(如主导航.内容区域)] ...

  4. HTML标签的使用要注意语义化

    语义化标签:你认为用什么标签最能描述这块内容,觉得这样表述更有意义,那么就可以使用这个标签. 现在的浏览器对CSS支持都挺完善的(不包括CSS3),讲究的是结构与表现相分离,结构与行为相分离,一个WE ...

  5. html5中新增的语义化的标签

    html5是html最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定.目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准,以期能在互联网应用迅速发展的时候,使网络 ...

  6. HTML5-新增语义化结构标签

    总结目录结构: 1.简洁的DOCTYPE声明 2.新的布局结构标签 header,article,section,aside,footer 3.新的其它常用标签: nav,hgroup,figure, ...

  7. HTML块,含样式的标签

    HTML块,含样式的标签 html块 div标签 块元素,表示一块内容,没有具体的语义. span标签 行内元素,表示一行中的一小段内容,没有具体的语义. 含样式和语义的标签 em标签 行内元素,表示 ...

  8. HTML5语义化标签

    在HTML5中最基础也是比较好理解的也就是语义化标签了,,顾名思义语义化也就是可以直接读懂的标签~,这样我们在项目开发过程中不但自己不会因为5花8门的标签命名而伤脑筋,跟同事对接项目也会节约很多时间~ ...

  9. 腾讯TGideas语义化标签(转)

    --------引子--------------- 家里有个熊孩子,经常会有一些意想不到的事情发生:回家的时候,他会笑呵呵冲过来,大声喊着“臭爸爸”:你让他把鞋穿上,他会提起鞋子往楼下扔...在小孩的 ...

随机推荐

  1. What is base..ctor(); in C#?

    I am disassembling some C# applications and I am trying to reconstruct the source code. I am disasse ...

  2. [转] 三种方法实现js跨域访问

    1.基于iframe实现跨域 基于iframe实现的跨域要求两个域具有aa.xx.com,bb.xx.com这种特点,也就是两个页面必须属于一个基础域(例如都是xxx.com,或是xxx.com.cn ...

  3. php抽奖概率算法

    方法一: function get_rand($proArr) { $result = array(); foreach ($proArr as $key => $val) { $arr[$ke ...

  4. noip2017逛公园

    题解: 之前知道正解并没有写过.. #include <bits/stdc++.h> using namespace std; #define rint register int #def ...

  5. [POI2007]堆积木Klo

    题解: dp定义方程的时候 好像也不能都用前一个来递推..这样就不能优化了 这题看了题解才想出来... 还是很简单的啊.... 我们定义f[i]表示前i个最大收益 那么j要能从i转移就得满足a[i]- ...

  6. Docker Client (another java docker client api)

    前一篇提到了docker-java,这里介绍另一个docker client 库,Docker Client 版本兼容 兼容17.03.1~ce - 17.12.1~ce (点 [here][1]查看 ...

  7. shell界面执行mysql命令

    mysql -uroot -poRcl_123 -Dsnsdb_test -e "select host from user;"

  8. day3.python字符串格式化

    字符串格式化 注意:若在格式化输出中还需要再加%,需要两个%来代替 方法1:%控制格式化输出 例1: print("I'm %s. I'm %d year old" % ('Vam ...

  9. Codeforces 1140F Extending Set of Points 线段树 + 按秩合并并查集 (看题解)

    Extending Set of Points 我们能发现, 如果把x轴y轴看成点, 那么答案就是在各个连通块里面的x轴的个数乘以y轴的个数之和. 然后就变成了一个并查集的问题, 但是这个题目里面有撤 ...

  10. phpMyAdmin 安装教程全攻略

    管理MYSQL数据库的最好工具是PHPmyAdmin,现在最新版本是phpMyAdmin 2.9.0.2,这是一个国际上开源的软件,一直在更新版本,你可以从 http://www.phpmyadmin ...