HTML基础

HTML:超文本标记语言(Hyper Text Markup Language)
HTML不是一种编程语言,而是一种标记语言,描述网页的语言
HTML使用标签描述网页中图片,文本,音乐,视频,超链接等
ctrl+D:快速复制一行 table:自动补全
标题标签:<h1>--<h6>
段落和换行标签:<p>..</p>、<br/>
水平线标签:<hr/>
斜体:<em>...</em>
字体加粗:<strong>...</strong>
<img src="" alt=""> 图片
常见的图片格式:jpg、gif、bmp、png
路径:相对路径 从当前位置查找
绝对路径 从根查找
…/ 返回上一级目录
width代表图片的宽 height代表图片的高
超链接:<a href="链接地址" target="目标窗口位置">文本或图像</a>
target取值:_self 自身窗口 / _blank 新建窗口
超链接的应用:
1.页面间链接:A页到B页,网上常见链接
2.锚链接:跳至自身固定位置,或A页跳到B页固定位置,需锚标记
要跳转到的部分 <a name="名字"></a>
用超链接部分 <a href="#名字">文本或图像</a>
跳转到不同页面的固定位置
1.html 2.html

<a  href="2.html#me">点击我</a>
	<a name="me">跳转到我这里来</a>

3.功能性链接:电子邮件、QQ、MSN等链接

<a href="mailto:邮箱地址">给站长写信</a> 

注释和特殊符号

空格:&nbsp
大于号(>):&gt
小于号(<):&lt
引号:&quot
版权符号@:&copy
注释:<!--文本-->

规范:
–标签名称、属性名称必须小写
–标签必须严格嵌套,并且必须闭合,即使空元素标签也必须闭合
–属性值必须用引号引起来

如何实现在网页上播放视频和音频?
1.第三方自主开发的播放器
2.flash
3.html5媒体元素

<video src="视频路径" controls></video>
autoplay:自动播放
<video controls>
   <source src="video/video.webm" type="video/webm"/>
   <source src="video/video.mp4"  type="video/mp4"/>
</video>


<audio  src="音频路径"controls(="controls")></audio>
<audio controls>
   <source src="music/music.mp3" type="audio/mpeg"/>
   <source src="music/music.ogg"  type="audio/ogg"/>
</audio>

HTML5的结构元素
header:标题头部区域的内容(用于页面或页面中的一块区域)
footer:标记脚部区域的内容(用于整个页面或页面的一块区域)
section:web页面中的一块独立区域
article:独立的文章内容
aside:相关内容或应用(常用于侧边栏)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值