HTML5学习笔记

HTML5学习笔记,第1张

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

1.html骨架

头标签

主体标签




    
    
    
    Document


    

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合并单元格

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

   //跨行合并

   //跨列合并

注意点: 

 

未完待续。。。。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1322016.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-12
下一篇 2022-06-12

发表评论

登录后才能评论

评论列表(0条)

保存