HTML初识

一、网页结构初识
二、标签
- 1.文章标题标签
- 2.段落标签
- 3.倾斜标签
- 4.加粗标签
- 5.删除线
- 6.下滑线
- 7.上/下标签
- 8.强制换行标签
- 9.水平线标签
三、特殊符号
四、列表
- 1.无序列表
- 2.有序列表
- 3.自定义列表：

一、网页结构初识

<!-- doc：document 文档 type：类型 文档类型 -->
<!-- 声明代码类型 -->
<!DOCTYPE html>
<html lang="en"><!-- head头部 --><head><!-- 规定文件编码格式为UTF-8    UTF-8：支持中文--><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- title 网页标题 : 网页窗口标题--><!-- 网页组成: 窗口栏 地址栏  内容部分 --><title>Document</title></head><!-- body身体 --><body></body></html>

二、标签

html：超文本标记语言(学习html就是学习标记)
标记：标签(<>就是标签)、元素、盒子
标签的语法：(尖括号里第一个单词为标签名字，后面的单词为标签的属性，属性不一定要加)
1.单标签:<标签的名字属性1=“属性值” 属性2=“属性值”…>
2.双标签<标签的名字属性1=“属性值” 属性2=“属性值”…>内容</标签名字>
标签的结构(关系)：
1.兄弟关系：并列
2.父子关系：嵌套

1.文章标题标签

h1-h6 (快捷键 h1-6+回车)
特点：双标签 h1-h6文字依次减小默认加粗独占一行竖排列

2.段落标签

p (快捷键 p+回车)
特点：双标签段落与段落之间默认有间距竖排列

3.倾斜标签

i / em (快捷键 i+回车/快捷键 em +回车)
特点：双标签横排列
i与em 区别：em有语气加重区别相同状况下网页优先选择em

4.加粗标签

b /strong (快捷键b+回车) (快捷键 strong +回车)
特点：双标签横排列
b与strong 区别：strong有语气加重区别相同状况下网页优先选择strong

5.删除线

s / del (一般用在商品价格)
特点：双标签横排列
s与del 区别：del有语气加重区别相同状况下网页优先选择del

6.下滑线

u
特点：双标签横排列

7.上/下标签

上标标签：sup
特点：双标签横排列
下标标签：sub
特点：双标签横排列

 上标标签 <sup>2</sup>上标标签 <sup>3</sup>上标标签 <sup>4</sup> <br /> 下标标签 <sub>2</sub>下标标签 <sub>3</sub>下标标签 <sub>4</sub>

8.强制换行标签

br
特点：单标签用来修饰所以无需写内容

9.水平线标签

hr
特点：单标签用来修饰所以无需写内容

三、特殊符号

空格：&nbst; &emsp区别：&nbst空格小(推荐)  &emsp空格大
版权符号：&copy;
商标符号：&reg;
大于号；&gt;
小于号；&lt;

四、列表

1.无序列表

ul+li
特点：li独占一行前有列表符号小黑点
更改列表符号：通过属性修改 type="属性值"
属性值：
circle 空心圆
disc 实心圆
square 实心方块
none 清空(常用)

2.有序列表

ol+li
特点：li独占一行前有列表排序1，2，3…
更改列表排序/起始值：通过type修改列表排序符号 type=“属性值” 通过start修改列表起始值 start="起始值"
属性值：
1
A
a
i
I

例如： <ol type="A" start="3"><li>1 </li><li>2</li><li>3</li><li>4</li></ol>

3.自定义列表：

dl+dt及dd (使用场景：图文混排 dt放图片 dd放文字 )
特点：dt与dd是并列关系 dd是dt的解释说明

HTML初识：网页结构、标签、特殊符号、列表相关推荐

结构标签、行内与块元素、列表、超链接、图片标签格式及音视频（vscode）
结构标签: <body>  <!-- html5 新增的标签,语义化更 ...
7.11网页结构常用标签
一.网页结构 1.网页结构 <!DOCTYPE html>  <html><!--根标签/根元素一个 ...
HTML学习笔记：网页基本标签、图像、超链接、列表、音频、视频、表单
HTML学习笔记 1.网页基本标签 1.1.标题标签  <h1>标题一</h1> <h2>标题二</h2> <h ...
表格标签(合并单元格，列表结构标签thead， tbody，有序列表ol，无序列表dl )
表格用法: < table >< /table >是用于表格的标签. < tr >< /tr>标签用于定义表格中的行,必须嵌套在< table & ...
HTML网页结构化框架、meta标签和语义化标签
1.HTML网页结构化框架代码示例 myhtml.html  <!DOCTYPE html> <!--html的根标签(元素), ...
【Web前端初学笔记】②HTML基本结构标签，VSCode工具创建页面，网页开发工具
文章目录一.HTML基本结构标签二.VSCode工具创建页面三.网页开发工具 1. 基本骨架 2. 文档类型声明标签 3. lang语言种类 4. 字符集 `Character set` 一.H ...
HTML的基本结构标签与网页开发工具
一.基本结构标签 <html></html>网页中最大的标签,称为根标签. <head></head> 放在文档头部,标签内需设置title标签 < ...
网页概念、常用浏览器及内核、Web标准、HTML语法规范和基本结构标签
网页.常用浏览器及内核.Web标准.HTML语法规范和基本结构标签一.网页 1.1.什么是网页? 1.2.什么是HTML?(重点) 1.3.网页的形成? 二.常用浏览器三.浏览器内核四.Web标 ...
HTML简介（网页的基本组成，什么是HTML，Web标准的三大组成部分），HTML标签（HTML语法规范，标签关系），HTML结构标签（第一个HTML）
网页的基本组成网页是构成网站的基本元素,通常由图片.链接.文字.声音.视频等元素组成,通常我们看见的网页都是.htm和.html后缀结尾的文件,因为都称为HTML文件什么是HTML HTML是一种 ...

HTML初识：网页结构、标签、特殊符号、列表