HTML基础学习各种标签
今天看网上视频学习了HTML前端的一些基本知识,HTML是一种超文本语言,用来描述网页的一种语言全名是HyperText Markup Language,他不是一种编程语言,它使用标记标签来描述网页。HTML文档包含了HTML标签及文本内容,HTML文档也叫做web页面。HTML文档后缀名为*·html,其文件能够被浏览器打开。
1、html5文档声明<!DOCTYPE html>
2、<html> 根标签---开始结束标签 </html>
3、子标签---<head> </head>和<body> </body>(其为平行标签)
(1)<head> 显示外部文件 </head>,其中包括<title> (存放标题) </title>,但除了<title> </title>里面的内容其他的无法在页面中显示。<meta charset="utf-8">表示页面的隐式信息。utf-8表示中文字符集,必须写,否则出现乱码。
(2)<body> 页面的主体部分,页面的可见内容 </body>
4、注释 <!-- 这是个注释 -->
5、有开始有结束的例外:换行<br/> 、线<hr/>、显示隐式部分<meta >
6、<font></font>属性:
(1)size:文字的大小 ,取值范围1-7,超出7,默认还是7
color:文字的颜色。 两种表示方式:英文单词:red green blue black gray…
使用十六进制数表示 #ffffff:RGB
7、每个标题的标签: <h1></h1> <h2></h2> <h3> </h3> .....自动换行,并且依次变小
8、水平线标签<hr/> 属性:
(1)size:表示水平线的粗细 取值范围1-7
(2)color:表示线的颜色
表示: <hr size=”5” color=”blue”/>
9、列表标签:<dl></dl>表示列表的范围
在dl里面 <dt></dt> :上层内容
在dl里面 <dd></dd> :下层内容
<ol type=”1”></ol>:表示有序列表的范围 属性 type:设置排序方式 1(默认) a i
在ol标签里面 <li>具体内容</li>
<ul type=”circle”><ul>:无序列表
属性 type:空心圆circle,实心圆disc,实心方块square,默认disc
在ul标签里面 <li>具体内容</li>
10、代码显示
<html>
<head>
<title> html的学习 </title>
<meta charset="utf-8">
</head>
<body> Hello World! </body>
</html>