2021-07-06 HTML基础

最新推荐文章于 2024-10-05 16:51:11 发布

unfuture、

最新推荐文章于 2024-10-05 16:51:11 发布

阅读量248

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/GAI121456/article/details/118526849

版权

一，前端学什么？

HTML+CSS+Javascript

二，学习目标
HTML的认识（了解）
前端开发工具（了解）
HTML入门（掌握）
HTML标签（掌握）
布局标签（概念：难点）
特殊符号（了解）

三，HTML认识（了解）
HTML是一门超文本标记语言
1.超文本：图片，视频，音频（多媒体），超链接
2.标记：带有尖<>括号
3.版本： H4.01 用的时间最长，且普及最广的版本(旧版本)
H5 现代化版本（新版本推荐）（新增东西--需要留意的）

四，HTML入门（了解）
1.把咱文件夹拖拽进vscode ,点击左上角 "新建文件夹",点左上角"新建文件" 后缀.html
2.开发控制台：右键 ==>检查 (F12) elements 元素（标签）

五，基础的标签（掌握，精通）

1.基础标签
h1 --- 标题（例子：标题党）
h2~h6 子标题
总结：字体越来越小，内容重要性依次减弱。
p --- 段落标签
br --- 换行标签
分类：双标签： <tag></tag>
例子： h1 , p
单标签 H4 <hr /> 旧时代
H5 <hr> 新时代（推荐）

2. HTML的基础结构（掌握）：（任何网页都必须有这个基本机构）
<html>
<head>
</head>
<body>
</body>
</html>

提问：主要内容写在？
<body></body>
3. 注释能够注解你的代码，或者提醒你自己的内容，但是不会再浏览器上运行（显示）

4.标签的属性
例子： 内容 
语法： <tag 属性="属性值"> <tag 属性="属性值"></tag>
不是所有的属性，都能适合所有的标签（特定的属性，只能在特定的标签上，例子： ）

所有标签都能用的属性？（了解）
class类名 id ID名 style 样式 (都跟CSS有关)

六，文本标签：

1.加粗 b / strong（重音，表示强调的意思）
2.倾斜 i / em
3.字体颜色 font 标签的color 属性
4.字体大小 font 标签的size属性
缩小 small
放大 big

标签的嵌套（精通）
例子： 
不能交叉嵌套
原则：标签嵌套尽量减少
七，特殊字符
小于号:<
大于号:>
小空格: 
大空格:&emsp;
版权符号©:copy
重点：学习方法
1.有始有终双标签又开始标签，有结束标签
需求 - 代码完成
2.大胆猜测，小心求证
3.类比
4.预习

关注