html 中的标签,HTML标签到底是什么?原理是什么?

HTML 元素

元素是一个元数据的容器(关于数据的数据),放在标签和标签之间。

HTML元数据是关于HTML文档的数据。元数据不显示。

元数据通常定义文档标题、字符集、样式、链接、脚本和其他元信息等。

下面描述元数据的一些标签: , , , , , 和 。

HTML 元素

元素定义文档的标题, 而且在所有的HTML / XHTML文件中都是必须的。

元素:

在浏览器选项卡中定义一个标题在添加到收藏夹时为页面提供标题在搜索引擎结果中显示页面标题

一个简单的HTML文件:

< !DOCTYPE html> < html lang=”en”> < head> < meta charset=”UTF-8″> < title> 编程字典< /title> < /head> < body> < p> body元素的内容显示在浏览器的窗口内。< /p> < p> 标题内容显示在浏览器的标签上,在收藏夹和搜索引擎的搜索结果里面。< /p> < /body> < /html>

让我试试

HTML 元素

元素用于定义一个HTML页面样式信息:

< style> body { background-color: powderblue; } h1 { color: red; } p { color: blue; } < /style>

让我试试

HTML 元素

元素用于链接外部样式表:

< link rel=”stylesheet” href=”tryhtml_head_link.css”>

让我试试

提示:了解更多CSS,可以访问我们的CSS教程。

HTML 元素

元素用于指定使用哪一个字符集、页面描述、关键字、作者和其他元数据。

元数据告诉浏览器如何显示内容, 告诉搜索引擎如何搜索 (keywords), 和其他Web服务。

定义使用的字符集:

< meta charset=”UTF-8″>

定义你网页的描述:

< meta name=”description” content=”Free Web tutorials”>

定义搜索引擎的关键字:

< meta name=”keywords” content=”HTML, CSS, XML, JavaScript”>

定义一个页面的作者:

< meta name=”author” content=”John Doe”>

每30秒刷新一次文档:

< meta http-equiv=”refresh” content=”30″>

标签的例子:

< meta charset=”UTF-8″> < meta name=”description” content=”免费的Web开发教程”> < meta name=”keywords” content=”HTML,CSS,XML,JavaScript”> < meta name=”author” content=”ghz”>

原文:http://codingdict.com/article/6086

html 列表标签——列标签< li> li不克不及单独使用,必需在ul或ol内使用,不然等于html语法差迟。以< li> 劈头劈脸,以< /li> 完毕闭合性标签。

1、标题标签: h1~h6 ctrl+1~6

2、段落标签: p ctrl+shift+p

3、换行标签: br shift+回车

4、水平线: hr

5、加粗标签: strong ctrl+b

6、倾斜标签: em ctrl+i

7、空格标签: & nbsp;

8、图片标签:< img src=’图片路径’ alt=’图片加载错误提示文字’ title=’鼠标悬停文字’ width=’宽度’ height=’高度’ />

9、超链接:< a href=’链接路径’ traget=’_blank’> 文本/图片< /a>

10、锚链接:

(1) 定义锚:给标签加id属性,id=”top”

(2) 跳转到锚:< a href=”#top”> top< /a>

11、行级标签

1.Strong

2.Em

3.A

4.Img

12、块级标签

1.标题标签

2.段落标签

Display:inline-block设置元素具有行级标签和块级标签的属性

.da dl dd p:nth-of-type(1):当dd下面的段落p有好几个的时候,你有只想给第一个段落p加样式的时候用到这个!!!

Float:浮动

Z-index:层次 z-index:1比z-index:2 低一层

设置div半透明的代码:opacity:0.7;

设置div溢出隐藏的代码:overflow:hidden;

设置css的动画效果:transition: all 0.5s linear

设置css时图片在div中同比例放大或者同比例缩小:transform: scale(1.1)