基础知识点:
一.HTML的基本机构
<!doctype html>-------(声明这是一个html页面)
<html>------(页面的开始)
<head>------(页面头部)
<meta charset="utf-8">
<title>新标题</title>
</head>--------(页面头部结尾)
<body>--------(正文开始,编辑正确代码嵌套组成网页)
<标签名>
<标签名> 内容 </标签名>
</标签名>
</body>------(正文结束)
</html>------(结束网页)
二、HTML注释
语法:<!-- 注释的内容 -->
注释就是对相应的代码做一个说明或备注
优点:方便查找、方便理解、方便后期的维护
三、页面的背景色及字体颜色
<body bgcolor="背景色"(:#A74748) text="文字颜色">
html颜色分类
1.16进制的颜色代码 #00 00 00(两位数为一个颜色标签)
2.英文单词表示(white、red、black)
3.rgba(0.0.0.0)
四、正确嵌套
<标签名1>
<标签名> 内容 </标签名>
</标签名1>
五、html注意:
1.所有的符号都是英文半角
2.先把标签写完整在写内容
3.注意嵌套的缩进
4.html不区分大小写 默认小写
六、快捷键:
1.标签名 + tab 补全完整标签
2.ctrl + d 复制本行代码粘贴到下一行
3.ctrl + 左键 垂直编辑内容
4.ctrl + 首选项
5.f8 打开关闭 文件标签栏
6.f12 实时预览
7.tab 选中内容退格
8.shift + tab 选中内容前进
七、段落与文字
例:
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>
<p>梅长苏,琅琊榜首,天下第一大帮江左盟宗主。本名林书,原是大梁国车严峻少帅,后因美玲惨案,身中火寒之毒。经救治,林叔改名换面,折服江湖</p>
<p>
宅若久时天然呆
</p>
<p>
呆到深处自然萌
</p>
<p>
宅若久时天然呆
</p>
这是一级标题
这是二级标题
这是三级标题
这是四级标题
这是五级标题
这是六级标题
梅长苏,琅琊榜首,天下第一大帮江左盟宗主。本名林书,原是大梁国车严峻少帅,后因美玲惨案,身中火寒之毒。经救治,林叔改名换面,折服江湖按时给大家看过来的
宅若久时天然呆
呆到深处自然萌
宅若久时天然呆