前端web学习html5+css+js笔记1

学习html5

双标签

文本格式化标签

<b>文本内容</b>文字加粗

<strong>文本内容</strong>文字加粗strong带有强调的含义,常用strong

<em>倾斜</em>//文字倾斜 工作中常用em

<i>倾斜</i>//文字倾斜 

<ins>下划线</ins>//常用ins

<u>下划线</u>

<del>删除线</del>//常用del

<s>删除线</s>

超链接标签

<a herf=""target="_blank">空链接</a>   

属性值     href表示地址

target="_blank"新窗口打开,不关闭原来的窗口

herf="#"表示空链接,常用于初始阶段的开发

音频标签

在html5里,属性名和属性值相同时,可简写为一个单词;流浪器会禁用自动播放

<audio src=""controls="controls"loop="loop"></audio>    //src填路径 controls显示音频控制面板

                                                                                      //loop循环播放 autoplay自动播放

简写形式

<audio src=""controls loop></audio>

视频标签 可简写跟音频标签一样 没有muted静音播放,不能自动播放

<video src=""></video>    //src填路径  controls显示音频控制面板  loop循环播放

                                        //muted静音播放     autoplay自动播放

h1~h6标题标签

<h1>一级标签</h1>字号随级减小

<h6>六级标签</h6>

<p>段落标签</p>(独占一行,段落之间存在间隙)

单标签

<br>   换行

<hr>     水平线

图像标签

<img src=""alt="">    //src是图片的位置和名字

属性值   width   宽    alt替换文本,图片无法显示时,显示的文本

        height   高            title提示文本,鼠标停在图片上时显示的文本

路径:

相对路径:从当前文件位置出发查找目标文件

/表示进入某个文件夹里面

.表示当前文件夹

..表示上一级文件夹

绝对路径:从盘符出发查找目标文件     应用场景:友情链接

网页的基本骨架(父子关系、兄弟关系)

<html>

     <head>

           <title>网页标题</title>

      </head>       html是head和body的父

     <body>       head和body是兄弟关系

      </body>

</html>

<!--注释快捷键(ctrl+/)-->
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值