1.1 HTML是什么?有什么作用?
HTML:(Hyper Text Markup Language) 超文本标记语言
文本:相当于记事本里写的文字。 展示信息
超文本:超越了文本仅仅展示信息的功能范畴。泛指:图片、有样式的文字、点击跳转页面的文字
语言:工具。
标记:标签
HTML是由标签所组成的语言,能展示超文本效果
HTML是用来写网页的,是设计页面的基础。
1.2 HTML的语言特征
l HTML代码是由头和体组成。
<html>
<head>
<title> 标题</title>
</head>
<body>需要展示给用户看的信息内容</body>
</html>
<html>标签就相当于 java类 大括号
<head>中存放的都是网页的说明性内容,例如标题
l HTML文件的扩展名为html或者htm。Htm是老的命名规范,html的新的
l HTML文件由浏览器直接解析执行,无需编译,直接由上到下依次解析执行。
l HTML标签通常由开始标签和结束标签组成。例如:<font>内容体</font>
开始标签和结束标签之间的内容叫做内容体
l HTML没有内容体的标签叫做空标签。仅由一个标签组成。例如:<br/> 自关闭
l HTML标签不区分大小写,为了方便阅读,建议使用小写。
l HTML标签是有属性的,格式为:属性名=”属性值”,属性值用引号引起。引号包含单引号和双引号
HTML标签建议包裹嵌套,不建议交叉嵌套。
2.字体标签和格式化标签
2.1.1、<font>
字体标签,用于展示效果中修饰文字样式
<font 属性名=”属性值”>文字</font>
- size:控制字体大小.最小1 ~ 最大7。 如果设置范围不在1~7之间,设置无效
- color:控制字体颜色. 使用英文设置(例如:red,blue…)
- face:控制字体类型。只能设置系统字库中存在的字体类型
示例:
效果:
2.1.2、<br/>
HTML源码中换行,浏览器解析时会自动忽略。
换行标签,用于展示效果中换行
示例:
效果:
2.1.3、<p></p>
段落标签,用于展示效果中划分段落。并且自动在段前和段后自动加空白行
- align:段落内容的对齐方式
默认是left, 内容居左
Right 右
Center 居中
示例:
效果:
2.1.4、<h1></h1>
标题标签,用于展示效果中划分标题
其中<h1>最大,<h6>最小
示例:
效果:
2.1.5、
HTML源码中的多个空格,效果中最终会合并成一个。
空格符号,用于展示效果中显示一个空白的位置
示例:
效果:
2.1.6、HTML注释
用于注释HTML源码,不在HTML效果中展示。
只能在源码中看到,页面展示效果中是没有
格式:<!--HTML注释内容 -->
示例:
效果:在HTML效果展示中不会显示,只能在源码中看到