PHP从入门到精通,002第二章HTML-HTML的介绍&HTML的文档结构、标记分类(DAY1第二课)
今天笔记是学习2017泰牛PHP基础班DAY01视频教程的笔记!今天开始学习第二章HTML,本节内容:HTML的介绍!第二章 HTML 一、HTML介绍 1、什么是HTML
【PHP从入门到精通,002第二章HTML-HTML的介绍&HTML的文档结构、标记分类(DAY1第二课)】HTML,是用来描述网页的一种语言
HTML,超文本标记语言,HyperText Markup Language
超文本就是网页上不光有文本,还有图片、音乐、视频等
标记语言是一套标记标签(markup tag)
HTML,使用标记标签来描述网页
HTML,文档包含了HTML标签及文本内容
HTML文档也叫做WEB页面,是以 .html 结尾的文件
HTML的主要目的:通过一系列的标记,来显示网页的不同效果、不同部分。
2、HTML发展历程
文章图片
HTML发展历程.png 3、W3C介绍
文章图片
W3C介绍.png 二、HTML核心标记 1、HTML的文档结构
(1)文档结构
//告诉浏览器后面的代码是html代码
//告诉浏览器当前网页如何显示,如编码、关键词...
网页标题 - 锐客网 //告诉浏览器这里是主体部分,显示到网页中
这里是网页的主体
//html结束
(2)文档结构说明
- //声明文档类型,告诉浏览器我的当前页面是哪个版本的HTML。
- //告诉浏览器,其中的代码用什么格式
- //告诉浏览器,这是网页的头部,包括了定义网页的一些内容的标签,如:标题、字符集等
- //就是定义网页字符集、描述、关键词等内容的
如: //字符集,功能:告诉浏览器,如何翻译汉字。
//关键词
http-equiv; //模拟http协议的文件头原信息,主要目的是服务器向客户端返回时,用什么格式显示。
content-type; //内容类型。
text/html; //网页是text格式,html是文本中的小格式。
charset; //字符集,主要控制汉字如何显示。
utf-8; //多国语言编码,什么国家的语言都可以正常显示。 - 锐客网 ; 当前网页的标题,在网页中是必须的
定义浏览器工具栏中的标题
提供页面被添加到收藏夹的标题
显示在搜索引擎结果中的页面标题- ; //网页的主体部分,网页中主要内容都要写到body里。
- 写法:”
!--注释内容-->
; 去掉反斜杠 - 两个位置:当前语句的上面 //解释的是下面的一条语句或多条语句
或者右面 - 写代码必须缩进;
- html标记不区分大小写,建议小写。如:、、
- html标记属性可有可无,有的标记是没有属性的,如、、
等 - 双标签的内容在开始和结束标签之间,单标签没有内容
- html标签可以相互嵌套,但一定注意是顺序嵌套,外层套内层,一层套一层
- 单标记
- 标记只有一个,不是修饰内容的而是显示某个功能的,如:图片、设置编码、设置关键词等
- 语法:<标记名称 属性=“值” 属性2=“值2” /> //可以是单引号也可以是双引号;结束的斜杠/可以有也可以没有,必须根据开发网站时要求来
- 例:
文章图片
- 双标记
- 修饰内容的标记,有开始有结束标记,中间写要修饰的内容
- 语法:<标记名称 属性=“值”>要修饰的内容标记名称>
- 例:内容 文本
推荐阅读
- Docker应用:容器间通信与Mariadb数据库主从复制
- 一个人的碎碎念
- 我从来不做坏事
- 从蓦然回首到花开在眼前,都是为了更好的明天。
- 西湖游
- 改变自己,先从自我反思开始
- leetcode|leetcode 92. 反转链表 II
- thinkphp|thinkphp 3.2 如何调用第三方类库
- 从我的第一张健身卡谈传统健身房
- CGI,FastCGI,PHP-CGI与PHP-FPM