HTML知识点总结
Posted qingying-wh
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML知识点总结相关的知识，希望对你有一定的参考价值。
html简介
HTML ：HyperText Markup Language
超文本 ：文本内容 + 非文本内容（图片、视频、音频等）
标记 ：又叫标签
语言 ：编程语言
标签
单标签 :<……>
双标签 ：<……> </……>
标签的属性：来修饰标签的，设置当前标签的一些功能。
<标签 属性=”值” 属性2=”值2”>
初始代码
<!DOCTYPE html> //文档声明 : 告诉浏览器这是一个html文件 <html lang="en"> //html文件的最外层标签：包裹着所有html标签代码 lang=”en”表示是一个英文网站，lang=”zh-CN”表示是一个中文网站
<head>
<meta charset="UTF-8"> //元信息：是编写网页中的一些辅助信息charset=“utf8”国际编码，让网页不出现乱码的情况
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title> //设置网页的标题
</head>
<body>
//显示网页内容的区域
</body>
</html>
注释
<!--注释内容-->
引入文件的路径
相对路径
.在路径中表示当前路径(当前./dog下一级./img/animal/dog.jpg)
..在路径中表示上一级路径(..img/animal/dog.jpg)
绝对路径
E:ke/qf_dl201901/2019108/img/animal/dog.jpg
http://cms-bucket.ws.126.net/2019/04/16/7a5b31e0ce5474a7515.jpeg
(尽量避免反斜线)
HTML全局属性
| 属性 | 描述 | 属性值 | 描述 | 提示和注释 |
| accesskey | 规定激活(使元素获得焦点)元素的快捷键。 | 注释：以下元素支持 accesskey 属性：<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。 | ||
| dir | 规定元素中内容的文本方向 | Itr | 默认。从左向右的文本方向。 | |
| rtl | 从右向左的文本方向 | |||
标签
| 标签 | 标签 | 属性 | 定义和用法 | |
| 注释 | <!--……--> | |||
| 声明文档类型 | <!DOCTYPE html> | |||
| 标题标签 | <h1></h1>……<h6></h6> |
在一个网页中，h1标题最重要，并且一个.html文件中只能出现一次h1标签
h5、h6标签在网页中不经常使用
|
||
| 段落标签 | <p></p> | |||
| 强调 | <strong></strong> | |||
| 斜体 | <em></em> | |||
| 上标 | <sup></sup> | |||
| 下标 | <sub></sub> | |||
| 删除文本 | <del></del> | |||
| 插入文本 | <ins></ins> | |||
| 图片标签 | <img> |
src : 引入图片的地址 alt : 当图片出现问题的时候，可以显示一段友好的文字。 title : 点击图片时出现提示信息 width、height : 图片的大小 |
||
| 跳转链接 | <a></a> |
Herf属性 ：链接的地址 target属性 ：可以改变链接打开的方式，默认情况下，在当前页面打开_self 在新窗口打开_blank |
||
| <base > | 改变链接的默认行为 | |||
以上是关于HTML知识点总结的主要内容，如果未能解决你的问题，请参考以下文章
IFE_part1(task1-7)_blog.html总结