概念
HTML 文件
- 扩展名是 .html 的文件称为网页文件或者HTML文件
- HTML 文件使用代码编辑进行编辑,使用浏览器查看效果
声明方式
<!Doctype html>
!DOCTYPE 是一个文档类型标记,是一种标准通用标记语言的文档类型声明,在 web 设计中用来说明你用的 XHTML 或者 HTML 是什么版本。
页面的基本结构
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>标题</title></head><body></body>
</html>
标签(元素)
- 标签分为双标签和单标签
双标签由开始标签和结束标签组成,结束标签需要 /
单标签,标准中也有 / - 标签具有语义,语义决定什么时候使用该标签
- 标签名不区分大小写
<div>内容</div>
<img />
属性
标签的属性,由属性名和属性值组成,属性值使用单引号或双引号包裹
同名的属性不能设置多次,如果设置后面的属性不会生效
属性不区分大小写
<img src=“” style=""/>
主体结构元素说明
标签名 | 语义和功能 | 属性 | 单标签还是双标签 |
---|---|---|---|
html | 根元素 | 双标签 | |
head | 头 | 双标签 | |
body | 主体 | 双标签 |
HEAD 中的标签
标签名 | 语义和功能 | 属性 | 单标签还是双标签 |
---|---|---|---|
meta | 设置页面元信息 | charset: 设置字符集编码,值推荐 utf-8 | 单标签 |
title | 标题栏标题 | 双标签 |
注释
1、对代码解释说明
2、暂时不想执行的代码可以注释掉
语法
// 单行注释<!-- 多行注释的内容-->
常见的标签
a 标签
<a> 标签用于定义超链接,作用是从一个页面链接到另一个页面。
<a> 标签最重要的属性是 href 属性,用于创建指向另外一个文档的链接(或超链接)
br标签
<br> 标签是空标签,可插入一个简单的换行符。
button标签
<button> 标签用来设置 HTML 中的按钮。
<button type="button">我是按钮</button>
form标签
<form> 标签可以向服务器传输数据,成为表单标签
<h1 – h6> 标签
<h1> - <h6> 标签用来定义 HTML 标题,表示了 HTML 网页中六个级别的标题
img 标签
<img> 标签用于展示 HTML 页面中的图像
还有很多,你可以去w3cschool 上去浏览。