Web初识

1.Web标准

Web标准分成三个构成,对应三种语言。

构成语言
结构HTML
表现CSS
行为Javascript

2.HTML结构

分为整体、头部、标题、主题

3.HTML语法规范

3.1注释

a) 单行注释:[ctrl+k,ctrl+c] 或 ctrl+/

b) 取消单行注释:[ctrl+k,ctrl+u] (按下ctrl不放,再按k + u)

3.2HTML标签的结构

单标签(换行、加换行线)和双标签。

3.3HTML标签与标签之间的关系:
父子关系(嵌套关系)
<html>标签和<body>标签
兄弟关系(并列关系)
<head>和<body>并列关系

3.4HTML标签

3.4.1标题标签(双标签)

代码:h系列标签,h1-h6,

格式<h1>文字</h1>

特点:1.文字都进行了加粗和变大,h1-h6逐渐变小;2.独占一行。

3.4.2段落标签(单标签)

代码:<p>一段文字</p>

特点:1.段落之间存在空隙;2.独占一行。

3.4.3换行标签(单标签)

代码:<br>,让文字强制进行换行。

3.4.4水平线标签(单标签)

代码:<hr>,在页面中显示一条水平线。

3.4.5文本格式化标签

4组标签,4组功能,功能:文字加粗、下划线、倾斜、删除线;

突出重点使用strong等英文标签。

标签功能标签说明
b加粗strong加粗
u下划线Ins下划线
i倾斜em倾斜
s删除del删除

3.4.6图片标签(单标签)

代码:<img src="" alt="" title="" width="" height=""> 

使用方法:1.每个属性之间以空格隔开;2.属性无顺序区分;3.标签名与属性间用空格隔开。

alt属性作用:在图片不显示时显示文字,title在图片上显示文字,可用于其他标签。

width属性:设置图片的宽,height:设置图片的高;当只设置其中一个时,会自动等比例缩放图片。

3.4.7音频标签(双标签)

代码:<audio src="F:\唧唧缓存\1.mp3" controls alt="我是替换音乐" title="突然发生的爱情故事"></audio>

常见属性:

1.src:音频的路径 2.controls显示播放的控件 3.autoplay 自动播放(部分浏览器不支持)

4.loop 循环播放

支持的格式:mp3、Wav、Ogg;

3.4.8 视频标签(双标签)

代码:<video src="F:\唧唧缓存\2.mp4" controls autoplay loop title="突然发生的爱情故事"></video>

常见属性:

1.src:音频的路径 2.controls显示播放的控件 3.autoplay 自动播放(部分浏览器不支持)

4.loop 循环播放

4.链接标签

代码:<a href="">超链接 </a> 

属性:

特点:

1.a标签默认文字有下划线

2.a标签从未点击过,默认文字显示蓝色

3.a标签点击过之后,文字显示为紫色(清除浏览器历史记录可恢复蓝色)

4.1 target属性

• 取值1: _self:在当前窗口中跳转(默认)

• 取值2: _blank:在新窗口中跳转

4.2 空链接

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值