HTML自己的经验总结.docx资源-CSDN文库

需积分: 2 59 浏览量 2020-03-16 17:23:22 上传评论收藏 18KB DOCX 举报

HTML，全称HyperText Markup Language，是一种用于创建网页的标准标记语言。通过HTML，我们可以构建网页结构，描述网页内容，以及与CSS和JavaScript等技术结合，实现网页的样式和交互功能。以下是对HTML的一些核心知识点的详细说明： 1. **DOCTYPE声明**：在HTML文档开头的`<!DOCTYPE html>`声明告诉浏览器文档使用的HTML版本。这里的`lang="en"`属性指定了文档的主要语言为英语。 2. **元信息标签**：`<meta>`标签用于提供文档的元信息，如字符编码。`<meta charset="utf-8">`定义了文档的字符编码为UTF-8，这是一种广泛使用的多语言字符集，支持世界上几乎所有的文字。 3. **标题标签**：`<title>`标签定义了浏览器工具栏中的页面标题，也是搜索引擎抓取的重要信息。 4. **CSS引用**：`<link>`标签用于链接外部CSS文件，如`<link rel="stylesheet" type="text/css" href="css/demo.css">`，这使得样式表与HTML内容分离，便于管理和维护。 5. **头部标签**：`<head>`部分包含不直接显示在页面上的元信息，如CSS和JavaScript链接，以及字符集设置等。 6. **CSS基础**：在HTML文档中内联定义CSS，如`<style>`标签内的样式，可以控制元素的外观。例如，`*{margin: 0px;padding: 0px;}`清除默认的内外边距，`<li>`的样式定义了列表项的样式。 7. **HTML元素**： - `<p>`标签表示段落。 - `<h1>`到`<h6>`是标题标签，用于创建不同级别的标题。 - `<b>`和`<strong>`用于加粗字体，但`<strong>`更强调语义。 - `<em>`用于斜体，强调文本。 - `<del>`添加删除线效果。 - `<ins>`添加下划线效果。 - `<address>`用于显示联系信息。 - `<sup>`和`<sub>`分别用于上标和下标。 - `<div>`是块级元素，常用于布局，`<span>`是内联元素，常用于文本级别的封装。 8. **HTML布局**：`<div>`元素是文档布局的关键，可以使用CSS来定义其样式和布局。与之对比，`<span>`是内联元素，不会自动换行，常用于在行内元素中包裹内容。 9. **块级元素与内联元素**：块级元素如`<h1>`、`<p>`、`<div>`等会自动换行，而内联元素如`<span>`、`<a>`、`<img>`等则保持在同一行，除非另有指定。 10. **空格和换行**：在HTML中，多个连续的空格或回车在渲染时通常被视为一个空格。 11. **HTML特殊字符**：例如` `代表非破坏性空格，`<`代表小于号，`>`代表大于号，避免与HTML标签混淆。这些基本的HTML知识点构成了构建网页的基础。通过熟练掌握这些概念，开发者可以创建出具有结构化内容和美观样式的网页。在实际开发中，还需要结合CSS和JavaScript来实现更复杂的功能和交互效果。

资源推荐

资源详情

资源评论

告诉搜索引擎爬虫，我们的网站是关于什么的当网站无限

死循环的时候，可以调出任务管理器强制结束任务死循环，：调出任务管理器。

当  为外部文件的时候，用这个引入 ：

 !!"#$%$&'

设置给浏览器看的东西，比如编码字符集之类的

()* 是编码字符集，有了这个属性就是有了一本字典，

编码字符集就四个，第一个是 +,-.,/中国国家标准第 ,-., 条，包含亚裔，只识别简体字

符集，不可识别繁体0第二个是 + （中国国家标准扩展字符集，包含亚裔、简体繁体，不

包括金文铭文），第三个是 (&/万国码，包括所有国家语言01第四个是 ()*（2&

%&3&4&1是 (& 的升级版，* 比特，*+ 的版本0

 自己单独出现

3页面上网页名称$3

!!"#$

如果属性的值由多个单词组成，并且单词之间有空格，必须给值加上引号。

78"#9

"78"#9

(6

!7&9

6

78.8"#9

;&7<9

&&7=>%9

%&?7+&9

%&@7.A"#9

7,8"#9

7,8"#9

"78B"#9

7&C6

+&(7.B"#9

+ &(&&7=>%9

&&7=8889

$!

$

+&!标签可以嵌套标签

"段落标签$"换行什么的，就用 "，" 在语义上就是 ""，本来就是段落。

六级标题，标题标签，（三大特点：独成一段，更改字体大小，加粗字体）

.最大标题$.

标题从 . 到 D

,$,

-$-

A$A

B$B

D最小标题$D

+&加粗字体$+&

&加粗字体$&

（"@）将字体变斜体$

将里面文字做出删杠效果，中划线标签$

将里面的字做出下划线效果，下划线标签，不带将字变斜的效果$

成段展示，斜体$了解就好，不用去可以用，相当鸡肋，相

当于"

("（E("E"）上标$("

(+（E(+E"）下标$(+

C!&&7=888C1C&1自带分隔效果$C

重点：C元素的一个常见的用途是文档布局。它取代了使用表格定义布局的老方法。

使用 +元素进行文档布局不是表格的正确用法。+元素的作用是显示表格化的

数据。

"$"

C 和 " 都是容器1C 独成一段，" 不能独成一段，而且 C 和 " 容器

可以捆绑操作

C!&&7=888

"容器实例$"

$C

有容器，就可以进行以上三行的捆绑操作

块级元素 +& C （会自动换行）：

.$.D$D1"$"1($(1&$&1$1$1C$C1+$

+1$9

行内元素  （不会自动换行，或者称为内联元素）： 

1+$+1"(!"1"$"1$1%$9

 内联元素、行内元素中不能放 +& C 块级标签，它是文本级标签，只能

放文字、图片、表单！

空格$回车在编辑器里面的意思只是分割前后字符，证明前后是两个字符，不管打

多少空格都是按一个空格处理，空格$回车就是“文本分隔符”9

 编码的特殊字符——F和；之间的东西：

一个空格，F+"9

小于符1F9/0

大于符1F9/0

换行符，+1单独出现

&$&$统称有序列表1&7&'按 .','-'A'B'这样排列的&$&是列表

架，$是列表项。

&!".$$G$$H/这是前缀的五种排列方式0CC/加了这句

剩余6页未读，继续阅读

评论收藏

内容反馈

weixin_46049415

粉丝: 0
资源: 2

HTML自己的经验总结.docx

html总结.docx

HTML知识汇总.docx

html笔记.docx

HTML笔记.docx

HTML自学.docx

基于Metronic的Bootstrap开发框架经验总结.docx

python爬虫开发常见问题及其解决方法和经验总结.docx

学习网页设计html个人总结.docx

学习网页设计html学习总结.docx

html知识点实践经验总结

html和css知识点总结.docx

HTML 总结(已完).docx

HTML文档.docx

HTML基础.docx

Python总结.docx

年终工作总结.docx

技术工作总结.docx

大学生网络部实习总结.docx

javaweb实训总结.docx

网页制作实习总结.docx

web前端工作总结.docx

专业认识实习总结.docx

学习网设计的总结.docx

网页设计实习总结.docx

Java专业实习总结.docx

学习网页设计的总结.docx

java开发年终总结.docx

前端开发面试问题总结.docx

最新资源