HTML5学习笔记

最新前端开发入门教程，web前端零基础html5 +css3+前端项目视频教程_哔哩哔哩_bilibili

1.html骨架

头标签

主体标签

2.HTML标签

2.1排版标签

2.1.1标题标签

一级标题
二级标题<
三级标题<
四级标题<
五级标题<
六级标题<

2.1.2段落标签

段落

换行标签

---

水平分割线标签

2.2文本格式化标签

以下均是双标签，右边表示强调

3.媒体标签

“src =” 标签属性 = src(属性名)+" "（属性值）   “./” 表示当前

 3.1图片标签（单标签）

img标签  “src =” 标签属性 = src(属性名)+" "（属性值）   “./” 表示当前

alt（属性名） = 替换文本（属性值） 在图片不显示时，出现文本

title(属性名)：提示文本 ,在鼠标悬停在图片上时显示文本

width(图片宽)、height(图片高)：设置图片大小，若只出现一个则会等比例放大或缩小

一个标签可以同时存在多个属性

3.2路径

绝对路径（了解）：指目录下的绝对位置，可直达目标位置，通常从盘符开始、或者网络地址

相对路径：从当前文件开始找目标文件（可适用在音频和图片标签中）

同级目录：        

上级目录： （返回几级目录就在./前加几个.）

下级目录：

3.3音频标签

音频标签目前支持三种格式：MP3、Wav、Ogg.

在一些浏览器中无发自动播放，需要控件

3.4视频标签

视频标签目前支持的三种格式：MP4、WebM、Ogg

3.5链接标签（a标签、超链接、锚链接）

双标签，内部可以包裹内容，需要点击a标签之后才能去指定页面，需要设置a标签的属性。

href : 跳转的地址；

超链接

目标网页可以是网址，也可以是路经。

当还不知道所需要跳转的地址，可以将href属性设置为“#”，表示空连接；

超链接文本

4.列表标签

 4.1无序列表

无序：排列无序，列表中元素同级

 ul：双标签，只能包含标签

li : 双标签，标签可以包含任何字符

    列表元素
    列表元素

4.2 有序列表

 

    列表元素
    列表元素

 注意事项与无需标签一样

注意：有序列表不能自动排序，只能输入的li标签来显示。

4.3自定义列表

 

 5 表格标签

5.1表格基本标签

以上标签都是双标签。

在一个tr标签中只包含一行的内容。

//第一行
        
        ....
    第二行
        
        ....
    

    
元素
        
元素

    
元素
        
元素

这些标签只显示表格内容分不显示，表格本体。若想显示表格本体需要用到以下标签：

5.2表格的相关属性

上述标签，是用在table标签内。

....

 但实际开发时，对于样式的设置推荐使用CSS.

5.3表格的结构标签

表格标题和表头整体大标题和一列小标题

 th标签表示小标签，在tr标签内使用

、
    //第一行,为标题
        
        ....
    第二行
        
        ....
    
表格标题
    
元素
        
元素

    
元素
        
元素

5.4表格结构标签（了解）

在让表格内容分组，突出不同部分（头部、主体、结尾）

 

、
    //第一行,为标题
        
        ....
    第二行
        
        ....
    
...
    第n行,总结
        
        ....
    
表格标题
    

    
元素
        
元素
    

    

    
元素
        
元素

    

    
总结
        
元素
    

5.5合并单元格

可以将一列或者一行合并，本质是删除

   //跨行合并

   //跨列合并

注意点： 

 

未完待续。。。。