HTML语言简介和HTML中常用的标签(一)
html语言的简介
1、什么是html?
. *全称:HyperText Markup Langage ,超文本标记语言,网页语言
**超文本:超出文本的范畴,使用html可以轻松实现
**标记:html所有的操作都是通过标记实现的,标记就是标签。<标签名称>
**网页语言
2、第一个html程序
-html后缀是 .html .htm
*直接路径通过浏览器就可以运行
-代码
**这是我的<font size="5" color="red"> 第一个html程序!</font>
3、html的规范(***遵循)
(1)、一个html文件开始标签和结束的标签。
<html> </html>
(2)、html包含两部分内容
(1、 <head> 设置相关信息,比如标题 </head>
(2、 <body> 显示在页面上的内容都写在body里面 </body>
(3)、html的标签有开始标签,也要有结束标签
比如: <head> </head>
(4)、html的代码不区分大小写的
(5)、有些标签,没有结束标签;在标签内结束
比如: 换行: <br/>
一条水平线: <hr/>
4、html的操作思想(*****)
网页中有许多数据,不同的数据可能需要不同的显示效果,这时候需要使用标签把需要操作的数据包起来(封装起来);通过修改标签的属性值实现标签内数据样式的变化。
也就是,一个标签相当于一个容器,想要修改容器内数据的样式,只需要改变容器的属性值,就可以实现容器内数据样式的变化。
html中常用的标签(一)
*文字标签:修改文字的样式
-<font> </font>
-属性
**size 文字的大小 ;取值范围 [1,7] ;超出7,也默认为7;
**color 文字颜色
-两种表达方式:
***英文单词:red,green,blue,black,white,yellow,gray······
***使用十六进制表示:#ffffff:RGB
-通过工具实现不同颜色(另查所需工具软件):eg:#66cc66 (浅绿色)
*注释标签
html的注释: <!-- html的注释内容 -->
(在浏览器运行时不会显示出来,但是在文本会显现出注释的内容)
标题内容、水平线标签和特殊字符
* 标题内容
- <h1> </h1> <h2> </h2> <h3> </h3>······<h6></h6>
- (从h1到h6,大小是依次变小,同时会自动换行)
*水平线标签
- <hr/>
-属性:
**size :水平线的粗细,取值范围 [1,7]
** color: 颜色
-代码:
**<hr size="5" color="blue"/ >
*特殊字符:
-想要在页面上显示这样的的内容 <html>:是网页的开始
-需要对特殊字符进行转义:
< <
> >
空格
& &