1.4、html块、含样式的标签

html块

1、div标签 块元素,表示一块内容,没有具体的语义。
2、span标签 行内元素,表示一行中的一小段内容,没有具体的语义。

含样式和语义的标签

1、em标签 行内元素,表示语气中的强调词
2、i标签 行内元素,原本没有语义,w3c强加了语义,表示专业词汇
3、b标签 行内元素,原本没有语义,w3c强加了语义,表示文档中的关键字或者产品名
4、strong标签 行内元素,表示非常重要的内容

语义化的标签

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

原文地址:https://www.cnblogs.com/LiuYanYGZ/p/12254538.html

时间: 2024-10-08 07:49:35

1.4、html块、含样式的标签的相关文章

002---html块标签、含样式的标签

<!DOCTYPE html> <html> <head> <title>个人网站</title> </head> <body> <!-- html块标签.含样式的标签 --> <p><em>重点强调的语义</em>,就是在布局的时候多使用有语义的标签,搜索引擎在爬网的时候能认识这些标签,理解文档的结构,方便网站的收录.比如:h1标签是表示标题,p标签是表示段落,ul.li标

Html块标签、含样式的标签、语义化的标签:

Html块标签: (1)<div>标签 块元素,表示一块内容,没有具体的语义 (2)<span>标签 行内元素,表示一行中的一小段内容,没有具体的语义 <p>标签 默认是带空行的样式的 <div>标签 默认是不带空行的样式的 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit

第四节 块标签、含样式的标签

<!-- <div>标签 块元素,表示一块内容,没有具体的语义 --> <!-- <span>标签 行内元素,表示一行中的一小块内容,没有具体的语义 --> <!-- p标签带有换行的样式,div不带 --> <!-- 含样式和语义的标签 <em> 行内元素,表示语气中的强调 <i> 行内元素,表示专业词汇 <b> 行内元素,表示文档中的关键字或者产品名 <strong> 行内元素, 表示非常

3-html块-语义化的标签

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>标题</title> </head> <body> <!-- 1.div标签块元素,表示一块内容,没有具体的语义 2.span标签行内元素,表示一行中的一小段内容,没有具体的语义 含样式和语义的标签 1.em标签行内元素,表示语句中的强调词,文字倾斜 2.i标签行内元

常见文本样式及标签

本文设计到常见对文档的处理样式,和块,行标签的特点. 没用什么重要内容,只是自己的一些知识点的回忆,对以前知识的一个梳理过程,望某懒虫加油!!! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文本样式和块.行.内敛标签</title> <style> div{ color: red; /*这

【前端学习笔记】关于CSS通过一个块改变另一个块的样式

<body><div id="a" style="background:#0F0; height:100px; width:100px;"> <div id="c" style="background:#FF0; height:50px; width:50px;"> </div></div> <div id="b" style="b

CSS样式及标签选择器的初探

1,CSS样式几种控制写法 a,行内样式 1 <body> 2 <div><table style="color:red;"><tr></tr></table></div> 3 </body> b,内嵌式 1 <head> 2 <title>网站yangshi</title> 3 <style type="text/css">

【转】 博客园自定义样式修改标签页的icon图标

有没有发现大多数的博客园标签右上角都是一个小矿工,千篇一律没有什么特色,想不想设置一个像我一样的个性化icon图标呢? 按照以下四步你也可以实现自定义标签图标. From To 第一步:挑挑拣拣 选一张icon图标(尺寸不要太大)不然加载会很慢 如果想通过自己的图片生成favicon,可以使用这个网站: Favicon Generator. For real. 第二步:传文档 在博客园的设置界面选择文档,将你喜欢的图片上传上来 第三步:写代码 在设置中的页脚Html代码中插入以下script脚本

超文本标记语言HTML

介绍html文档的基本结构,html常用标签的使用,理解html语言制作网页基本原理. html概述和基本结构 html概述 HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm,一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打