一、web前端三大核心技术

HTML：负责网页的架构布局

CSS：负责网页的样式、美化

JS：负责网页的行为

二、html简介

中文定义：超文本标记（标签、元素）语言；

三、html骨架标签

骨架标签：新建的时候默认生成的那些标签；

meta 标签可以设置网页的字符集（utf-8  国际编码）

title  标签设置网页的标题

body 标签设置网页的主体内容部分

四、文章标题标签

h1到h6分六级，依次减小效果，每个标题都是独占一行空间；

注意：不能自己造标签，因为无法正常运行；

五、空格和回车

空格和回车在代码中直接使用不准确；

必须使用代码来实现：

一个空格：        

一个换行、一个回车：  

注意：html代码因为历史原因，导致语法较为松散；测试细节的时候，以浏览器最终运行效果为准；

六、p标签和标签语义化

p就是负责放文章段落的；

语义化：在合适地方使用合理的标签，就叫满足标签语义化；可以在搜索引擎排名中更靠前！点击率更高，带来更多的收益！

七、代码注释

程序员给自己代码的提醒文字，浏览器不会直接显示；

快捷键：  ctrl+？再按一次会取消注释

测试要注意：项目上线之前，要求程序员删除注释的内容，目的是加快网页的加载速度

例：  

八、文字相关的标签

b和strong都可以代表加粗，后者代表特别强调的语义；

i和em都可以实现倾斜，后者代表一般强调语义；

s和del都可以实现删除线效果，后者即将替代前者

九、img标签

插入图片标签；

键值对儿、kv对儿、属性名和属性值；类似下面的例子

人的属性 身高="180" 年龄="18" 体重="100"

<img src="" width="" height="" alt="" />

十、超链接标签

超链接：点击之后实现页面内容的跳转

打开线上的网站：href属性对应的属性值应该设置成带有  

<a href="" target=""></a>

空链接：暂时不知道点击之后跳转到哪里，使用空链接占位,当知道具体要跳转的位置后，再回来更改即可

<a href="#"></a>

测试工作的时候，如果发现程序员使用#来表达返回顶部效果，一定要提示程序员，要用动画效果实现，用户体验才更好！