1. HTML 是什么
全称:HyperText Markup Language 简称:HTML
中文名称:超文本 标记 语言
- 它是一种语言
- 标记 :使用标签的形式来标识页面中的不同组成部分 说明了这个语言的组成部分是标签
- 超文本:指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面
2. html网页的文件格式
扩展名:
.html .htm (早期页面扩展名)
3. 语法
html中的标记就是标签,学习html 就是学习各种标签
标签语法:
<标签名></标签名> 如:<p>我是表示段落</p> 双标签
<标签名 /> 如:<img src="logo.png" /> 单标签 自结束标签
4. 元素
完整的标签还可称为元素 标签 = 元素
<p>我是段落中 <span>特殊文字</span></p>
// p 也是一个元素 span是p的子元素 p是span的父元素
5. 注释
<!-- 注释内容 -->
<!-- 我是页面中的一段注释,通过这段注释来描述我当前代码的功能 -->
在该标签里 写的注释(使用浏览器查看时)是不会展示在页面中的,但可以展示在源码中。
6. 属性
作用:通过属性为HTML元素提供附加信息,即怎么处理我们的标签
注意:
- 属性需要设置在开始标签里
- 属性总是以属性名和属性值 成对的形式出现
<p class="news text" id="text">我是一段文字</p> <p id="val">内容</p>
<h1 title="我是标题的title" id="title" id="title" >标题</h1>
<img src="../img/logo.png" alt="我是图片加载不出来的时候的提示语" /> <img id="img" />
7. html 基本结构
- 文档说明声明
- html 标签对
- head标签对
- body 标签对
<!DOCTYPE html> <!-- html5 -->
<html>
<head>
<meta charset="utf-8" />
<title>网页标题</title>
</head>
<body>
<p></p>
</body>
</html>
8. HTML标签
根标签,一个页面有且只有一对根标签,网页中所有内容都必须写在根标签内部。
作用:是在告诉浏览器,这个页面是从开始,然后到结束的。
<html></html>
<html xmlns="http://www.w3.org/1999/xhtml"></html>
这句代码的作用是告诉浏览器,当前页面使用的是W3C的XHTML标准。这里我们了解即可,不用深究。一般情况下,我们不需要加上xmlns="http://www.w3.org/1999/xhtml"这一句。
9. head标签
网页的“头部”,用来定义网页的头部信息,浏览器根据这些信息来判断如何解析我们的页面
<head>
<title>我是浏览器头部的标题标签</title>
</head>
head标签是比较特殊的。事实上,只有一些特殊的标签才能放在head标签内,其他大部分标签都是放在body标签内的,这里暂时只需要了解head标签内部都有哪些子标签就可以
一般有6个标签能放在head中
(1)title标签
(2)meta标签
(3)link标签
(4)style标签
(5)script标签
(6)base标签
10. body 标签
网页的“身体”,大部分的代码都是在这个标签里去编写的,它是我们网页中的可见部分
<body></body>