小白学习笔记-Day01-W3School

来源：互联网发布：ubuntu安装wireshark 编辑：程序博客网时间：2024/06/03 07:32

HTML=Hyper Text Markup Language 超文本标记语言

一、简介

1.HTML是什么：标记语言

标记标签-->描述网页

2.HTML标签（标记标签）：通常成对出现

<html>开始标签、开放标签

</html>结束标签、闭合标签

3.HTML文档=网页=HTML标签+纯文本

Web 浏览器：读取 HTML 文档，并以网页的形式显示

二、HTML编辑器

1.文本编辑器：Notepad(PC), TextEdit(Mac)

输入代码-另存为（.htm或者.html）-启动浏览器-文件-打开文件

2.专业的HTML编辑器：DW, Microsoft Expression Web, CoffeeCup HTML Editor

三、基本的HTML标签

1.标题Heading：<h1>文本</h1>
2.段落Paragraph：<p>文本</p>
3.链接Anchor：<a href="要链接的地址">文本</a>
4.图像Image：<img src="图像名称.格式" width="数字" height="数字" />

四、HTML元素

1.定义：从开始标签到结束标签的所有代码
2.语法

元素的内容：开始标签与结束标签之间的内容
空内容（empty content）
空元素在开始标签中进行关闭
大多数 HTML 元素可拥有属性

3.嵌套&使用小写标签

五、HTML属性

1.作用：为HTML元素提供附加信息，总是在开始标签中规定
2.注意：推荐小写的属性/属性值；始终为属性值加引号（属性值有双引号的，加单引号）

六、HTML标题

1.重要性从大到小：<h1>-<h6>

浏览器会自动在每级标题前后添加空行

2.水平线：<hr />
3.注释：
4.查找源代码：右键-查看源文件/查看页面源代码

七、HTML段落

1.在段落内换行：<p>文本<br />文本</p>
2.输出：显示页面时，浏览器会把源代码里连续的多余的空格和空行合并成一个空格

八、HTML样式：style属性

style属性的作用：改变所有HTML元素的样式的通用方法

九、HTML文本格式化

十、HTML引用Quotation

<q></q>：定义短的引用，浏览器一般会加引号
<blockquote></blockquote>：定义长的引用，浏览器一般缩进
<abbr></abbr>：定义缩写或者首字母缩略语
<address></address>：定义文档或文章的联系信息（作者/拥有者），浏览器一般斜体
<cite></cite>：定义著作的标题，浏览器一般斜体
<bdo dir="rtl"></bdo>：定义双流向覆盖（bi-directional override），就是代替正常方向，从右往左写

十一、计算机代码元素

不懂<kbd><samp><code>&变量格式化

十二、HTML注释

1 0

小白学习笔记-Day01-W3School

HTML=Hyper Text Markup Language 超文本标记语言

一、简介

1.HTML是什么：标记语言

2.HTML标签（标记标签）：通常成对出现

3.HTML文档=网页=HTML标签+纯文本

二、HTML编辑器

1.文本编辑器：Notepad(PC), TextEdit(Mac)

2.专业的HTML编辑器：DW, Microsoft Expression Web, CoffeeCup HTML Editor

三、基本的HTML标签

1.标题Heading：<h1>文本</h1>2.段落Paragraph：<p>文本</p>3.链接Anchor：<a href="要链接的地址">文本</a>4.图像Image：<img src="图像名称.格式" width="数字" height="数字" />

四、HTML元素

1.定义：从开始标签到结束标签的所有代码2.语法

3.嵌套&使用小写标签

五、HTML属性

1.作用：为HTML元素提供附加信息，总是在开始标签中规定2.注意：推荐小写的属性/属性值；始终为属性值加引号（属性值有双引号的，加单引号）

六、HTML标题

1.重要性从大到小：<h1>-<h6>

2.水平线：<hr />3.注释：4.查找源代码：右键-查看源文件/查看页面源代码

七、HTML段落

1.在段落内换行：<p>文本<br />文本</p>2.输出：显示页面时，浏览器会把源代码里连续的多余的空格和空行合并成一个空格

八、HTML样式：style属性

style属性的作用：改变所有HTML元素的样式的通用方法

九、HTML文本格式化

十、HTML引用Quotation

十一、计算机代码元素

十二、HTML注释

1.标题Heading：<h1>文本</h1>
2.段落Paragraph：<p>文本</p>
3.链接Anchor：<a href="要链接的地址">文本</a>
4.图像Image：<img src="图像名称.格式" width="数字" height="数字" />

1.定义：从开始标签到结束标签的所有代码
2.语法

1.作用：为HTML元素提供附加信息，总是在开始标签中规定
2.注意：推荐小写的属性/属性值；始终为属性值加引号（属性值有双引号的，加单引号）

2.水平线：<hr />
3.注释：
4.查找源代码：右键-查看源文件/查看页面源代码

1.在段落内换行：<p>文本<br />文本</p>
2.输出：显示页面时，浏览器会把源代码里连续的多余的空格和空行合并成一个空格