搜索
您的当前位置:首页正文

PHP从入门到精通,002第二章HTML-HTML的介绍&

来源:二三娱乐

今天笔记是学习2017泰牛PHP基础班DAY01视频教程的笔记!今天开始学习第二章HTML,本节内容:HTML的介绍!

第二章 HTML

一、HTML介绍

1、什么是HTML

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代码
  <head>  //告诉浏览器当前网页如何显示,如编码、关键词...
  <meta charset="UTF-8" /> <!--设置当前网页的显示编码-->
  <title>网页标题</title> <!--当前网页的标题-->
  </head>
  <body>  //告诉浏览器这里是主体部分,显示到网页中
  这里是网页的主体
  </body>
<html>  //html结束

(2)文档结构说明

  • <!DOCTYPE html> //声明文档类型,告诉浏览器我的当前页面是哪个版本的HTML。
  • <html></html> //告诉浏览器,其中的代码用什么格式
  • <head></head> //告诉浏览器,这是网页的头部,包括了定义网页的一些内容的标签,如:标题、字符集等
  • <meta> //就是定义网页字符集、描述、关键词等内容的
    如:<meta charset="utf-8" > //字符集,功能:告诉浏览器,如何翻译汉字。
    <meta name="keywords" content="html,css,javascript" > //关键词
    http-equiv; //模拟http协议的文件头原信息,主要目的是服务器向客户端返回时,用什么格式显示。
    content-type; //内容类型。
    text/html; //网页是text格式,html是文本中的小格式。
    charset; //字符集,主要控制汉字如何显示。
    utf-8; //多国语言编码,什么国家的语言都可以正常显示。
  • <title></title>;当前网页的标题,在网页中是必须的
    定义浏览器工具栏中的标题
    提供页面被添加到收藏夹的标题
    显示在搜索引擎结果中的页面标题
  • <body></body>; //网页的主体部分,网页中主要内容都要写到body里。

2、HTML的注释

  • 写法:”</!--注释内容--> ;去掉反斜杠
  • 两个位置:当前语句的上面 //解释的是下面的一条语句或多条语句
    或者右面
  • 写代码必须缩进;

3、代码的规范

  • html标记不区分大小写,建议小写。如:<font>、<Font>、<fOnt>
  • html标记属性可有可无,有的标记是没有属性的,如<html>、<head>、<title>等
  • 双标签的内容在开始和结束标签之间,单标签没有内容
  • html标签可以相互嵌套,但一定注意是顺序嵌套,外层套内层,一层套一层

4、HTML标记分类

  1. 单标记
  • 标记只有一个,不是修饰内容的而是显示某个功能的,如:图片、设置编码、设置关键词等
  • 语法:<标记名称 属性=“值” 属性2=“值2” /> //可以是单引号也可以是双引号;结束的斜杠/可以有也可以没有,必须根据开发网站时要求来
  • 例:<img src="图片在服务器中的地址,盘符/文件夹/文件名" />
  1. 双标记
  • 修饰内容的标记,有开始有结束标记,中间写要修饰的内容
  • 语法:<标记名称 属性=“值”>要修饰的内容</标记名称>
  • 例:<div>内容</div> <font color="red">文本</font>
Top