HTML学习笔记——HTML概述
1、网站和网页
网站web site(文件夹)
互联网上用户展示特定内容的相关网页的集合
网页web page(文件)
网站中的一页，一个网站中的网页通过“超链接“的方式被组织在一起
主页homepage
网页元素：
站标Logo
导航栏
表单
文字超链接
banner广告横幅
2、标签
标签的基本形式
- 由尖括号包围，Eg：
<title>- 通常是成对出现的：
- 开始标签：
<title>- 结束标签：
</title>
<tltle>百度一下</title>- 也有单独出现的：
<img />
标签缩进
<html>外层：父元素
<head>内层：子元素
</head>
<body>内层：子元素
</body>
两个内层元素称为兄弟元素（同级)
</html>
| HTML DOM树 |
|---|
| DOM:Document Object Model(文档对象模型) |
标签属性
<img src="picture.jpg"alt=“站标” />
<标签名 属性①="值①"属性②=“值②” />
HTML学习笔记——文件结构
1、HTML文件后缀
.htm 或 .html
< !-- 内为注释内容 -->
<html>
<head><!-- 头部 -->
<title>标题</title>
</head>
<body><!-- 主体 -->
Hello Html
</body>
</html>
可通过Txt文本文档进行编写后将后缀改为.htm或.html 运行效果如图：
<!DOCTYPE html>
<html lang="en">
<head><!-- 头部 -->
<meta charset="UTF-8">
<title> </title>
</head>
<body><!-- 主体 -->
</body>
</html>
| 名 称 | 解 释 |
|---|---|
| !DOCTYPE html | 表示文档类型符合HTML5标准 |
| lang:属性 | 搜索引擎：en英文，zh中文 |
| meta | 元数据 |
| charset属性 | 编码方式(将字符和二进制码对应) |
| 名 称 | 形 式 |
|---|---|
| ASCALL | 数字、英文字母、符号进行了编码 |
| GB2312 | 简体中文 |
| Unicode | 所有语言 |
| UTF-8 | 所有语言，占用空间更小 |
| 乱码 | 源文件编码方式与charset声明的编码方式不同 |
2、HTML属性
标题
一级标题
<h1>、二级标题<h2>、三级标题<h3>
四级标题<h4>、五级标题<h5>、六级标题<h6>
段落
<p>链接属性
target=、id=、图像属性
img=、src=、alt=、width=、height=
WEB前端
结构
HTML : 从语义的角度，描述页面结构
样式
CSS : 从审美的角度，美化页面
行为
JavaScript : 从交互的角度，提升用户体验
前端技术标准
W3C标准 : www.w3.org
HTML5 CSS3 JavaScript
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
