前端 = HTML架构 + CSS样式 + JavaScript交互
1.HTML介绍
HTML:超文本标记语言;
W3C:万维网联盟,是Web领域最具权威的机构。
2.项目流程
产品经理/项目经理
UI
前端
后端
测试
运维
3.命名规则
- 用对应英文
- 驼峰命名 aboutUs(小驼峰) AboutUs(大驼峰)
4.HTML语法
<标记>内容</标记>
<标记>自闭合标记/空行标记/单标记
在VSCode中快速创建HTML文档的快捷键:!+Enter
注释快捷键 :Ctrl+/
5.常用标记
- 基础标签
标题<h1></h1>——<h6></h6>
段落<p></p>
换行<br>
水平线<hr>
- 文本标签
倾斜<em></em>|<i></i>
加粗<strong></strong>|<b></b>
上标<sup></sup>
下标<sub></sub>
删除<del></del>
下划线<u></u>
变大<big></big>
变小<small></small>
- 特殊符号
大空格&emsp;
小空格 ;
版权©;
注册商标®;
- 布局标签
<div></div>独占整行,可设置宽高 (块级元素代表)
<span></span>内容有多宽就占据多款,不可设置宽高(行级元素代表)
- 列表
a.有序列表
<ol>
<li>列表项</li>
</ol>
b.无序列表
<ul>
<li>列表项</li>
</ul>;
c.定义列表
<dl>
<dt>名词/术语</dt>
<dd>解释说明</dd>
</dl>;