目录
前端开发----HTML简介
1、HTML简介
1、纯文本格式
1、纯文本格式
- 纯文本格式,也就是没有任何文本修饰的,没有任何粗体,下划线,斜体,图形,符号或特殊字符及特殊打印格式的文本,只保存文本,不保存其格式设置
2、格式对比
1)纯文本格式
- 最常见的是.txt文件,在存储盒传输过程中,只能保存文字,不能保存格式
2)富文本格式
- 与纯文本对应,最常见的是.rtf文件,类似.doc文件,内部可以保存文本的样式、图片等
3)纯文本格式特点
- 1、文件只能保存文本,不保存其他的格式或非文本内容,有利于网络传输
- 2、所有的纯文本格式文件,可以通过直接更改扩展名的方式更改保存格式
- 3、纯文本格式文件可以使用任意的纯文本编辑器进行查看和编辑
html、css、js文件都是纯文本格式文件
2、HTML
1、HTML
- Hypertext Markup Language:超文本标记语言,是用来制作网页的一种标记语言
- HTML是一种纯文本格式的文件,内部只能书写文字内容,不能添加图片、音频、视频等,但是在网页中给用户呈现的效果却包含文字以外的内容,这种效果就是HTML语言区别于其他文件的不同之处
2、HTML 重要概念
1)超文本
- 超级文本的缩写,即用于链接另一个文本或多媒体内容的文本,比如链接到图片、链接、音频、视频、程序等
2)标记
- 又称为标签(HTML tag),有特殊的书写规范,是写给浏览器的一种语法格式,结合普通的文字信息,实现特殊的语义或显示内容,在编辑器中可以编辑和查看,在浏览器中不显示
3、HTML 功能
- 利用标记给普通的文本添加语义、描述超文本内容,搭建网页的基本结构
思考:h1标签的作用是什么?
错误回答:h1标签可以让内部文字加粗加大,独占一行
正确回答:h1标签负责给内部文字添加一级标题的语义,不负责样式,样式由CSS负责
4、HTML 语义化
HTML文件中,如果没有使用特殊语义的标记,也可实现网页显示效果,但是利用标记给普通的文字添加了不同的语义,能让网站的结构划分更加清晰
5、语义化网页优势
- 1、方便代码的阅读和后期维护
- 2、便于浏览器或者网络爬虫更好地解析网站内容
- 3、使用语义化标签有利于SEO搜索引擎优化,提高网站的搜索排名
3、HTML 基本语法
1、HTML规范版本
- W3C:world wide web consortium,万维网联盟,专门发布和维护互联网的规范和标准
2、HTML 标签
- HTML标记通常被称为HTML标签(HTML tag),标签再书写和使用过程中,必须遵循特定的语法
1、HTML标签语法
- 1、标签名必须书写在一对尖括号<>内部
<html></html>
- 2、标签分为单标签和双标签,双标签必须成对出现
<p></p> 双标签
<br /> 单标签
- 3、双标签包含开始标签和结束标签,结束标签必须书写关闭符号/,单标签也需要进行自封闭书写,但在HTML5中,单标签可以不写关闭符号
错误写法:
<div><div>
<br>(HTML5出现之前)
正确写法:
<div></div>