前端开发----HTML简介

前端开发----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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值