HTML标签属性-注释-基本模板-格式排版
一 快捷键
# 标题
* 列表
```代码块
**强调**
二 常用的代码编辑器:
WebStrom
VSCode
Sublime Text
Atom
vim
nodepad ++
editplus
…
三 浏览器
1 主流浏览器
- Chrome Firefox Safari IE Opera
2 其他浏览器
使用Chrome内核的浏览器,也称为壳浏览器
四 HTML基本语法
1 文档声明
文档声明的作用: 让浏览器使用标准模式对页面进行渲染。
<!doctype html>
2 HTML标签
- HTML就是由HTML标签组成的,也可称之为元素
- 可分为单标签和双标签,单标签/可以省略,如
与
是等价的 - 具有语义,语义决定什么时候什么地方使用哪一标签
- 不区分大小写
- 可以再嵌套标签,如
3 标签的属性
-
建议属性值用双引号包裹,一个标签可以设置多个属性,形式如下:
<标签名 属性名=“值”>内容</标签名> <标签名 属性名=‘值’>内容</标签名> <标签名 属性名=值>内容</标签名> <标签名 属性名=“值” 属性名=“值”>内容</标签名> <font color="red" size="6">标签</font>
4 HTML 注释
注释的作用:
- 对代码进行解释和说明
- 把暂时不需要执行的代码进行注释
<!--注释的内容 -->
<!--
注释的内容
-->
5 基本页面模板
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>网页的标题</title>
</head>
<body>
</body>
</html>
6 HTML标签总结
6.1 主体结构标签
标签名 | 语义和功能 | 属性 | 单标签还是双标签 |
---|---|---|---|
html | 页面根标签 | 无 | 双标签 |
head | 页面头部 | 无 | 双标签 |
body | 页面主体 | 无 | 双标签 |
6.2 HEAD中的标签
标签名 | 语义和功能 | 属性 | 单or双 |
---|---|---|---|
meta | 设置页面元信息 | chareat属性:值是字符集编码,如“utf-8” | 单标签 |
title | 设置页面标题 | 无 | 双标签 |
6.3 格式排版标签
标签名 | 语义和功能 | 属性 | 单or双 |
---|---|---|---|
h1-h6 | 标题(一级-六级标题) | 无 | 双标签 |
p | 段落标签 | 无 | 双标签 |
hr | 分割线 | 无 | 单标签 |
br | 换行 | 无 | 单标签 |
pre | 原格式输出 | 无 | 双标签 |
div | 没有语义,用于页面结构布局 | 无 | 双标签 |
| 无 | 单标签 |
| pre | 原格式输出 | 无 | 双标签 |
| div | 没有语义,用于页面结构布局 | 无 | 双标签 |