前端HTML初识

#博学谷IT学习技术支持#

一、基础认知

1、前端基础概念

a、认识网页，了解网页的基本组成部分（文字，图片，超链接，视频，音频）

b、五大浏览器和渲染引擎

c、Web标准

2、HTML初体验，对于HTML的感知，骨架结构及开发工具的使用

3、语法规范

a、HTML的注释（快捷键：ctrl+/）

b、HTML标签的构成（双标签，单标签）

c、HTML标签的属性（标签的属性写在开始标签内部；标签上可以同时存在多个属性；属性之间通过空格隔开；标签名与属性之间必须通过空格隔开；属性之间没有顺序之分）

d、HTML标签的关系（嵌套关系，并列关系）

二、HTML标签

1、排版系列标签

a、标题标签-h系列标签（1、代码：h1~h6；2、显示特点：文字都有加粗，文字都有变大，但是从h1~h6逐渐减小，独占一行）

b、段落标签-p标签（显示特点：段落之间有默认的间隙，独占一行）

c、水平线标签-hr标签（作用：在网页中显示一条水平线）

d、换行标签-br标签（作用：强制换行）

2、文本格式化标签——标签语义化

a、第一组（b:加粗；u：下划线；i：倾斜；s：删除线）

b、第二组（strong ; ins ; em ; del）

3、媒体标签

a、图片标签-img标签（1、作用：在网页中显示一张图片；2、属性：src图片的路径，alt替换文本，title图片的标题，width宽度/height高度）

b、路径（1、绝对路径-在个人电脑中，带有盘符的路径；外部链接，以https//开头的路径。2、相对路径-同级目录，直接写目标文件的名字；下级目录，写目标文件所在文件夹的名字和进入目录文件夹以及直接写目标文件的名字即可。上级目录，去上一级目录和直接写目标文件的名字即可）

c、音频标签-audio标签（1、作用：在网页中插入音频。2、属性：src音频的路径，contrls播放的控件，autoplay自动播放,loop循环播放）

d、视频标签-video标签（1、作用：在网页中插入视频。2、属性：src音频的路径，contrls播放的控件，autoplay自动播放，loop循环播放）

4、链接标签

a、href：告诉浏览器点击之后去哪一个网页

b、target：设置跳转方式

c、空连接，<a href="#">空链接</a>

三、总结

    今天的学习总结就到这里咯，学习的过程中遇到的问题要当天解决。有不同的观点，要积极的互相讨论。我们大家一起努力，扎实基础，然后再继续往下学习哦！