web前端初级课程

Day1

Html骨架:

<html lang="en">

<head>

<meta charset =”UTF-8”>

​​

</head>

<body></body>

</html>

<!-- 注释:对代码进行解释 ctrl+/-->

标题标签:

<h1> </h1>
<h2></h2>
<h3></h3>
<h4></h4>
…

数字越变越大,字体越变越小

段落标签

行与行分开​

换行标签,水平线标签

<br></br>  
<hr>

文本格式化标签

<b></b> <strong></strong> 加粗文字
​
<i></i> <em></em> 文体倾斜
​
<small></small> 小号字体
​
<ins></ins> 加下划线
​
<del></del> 删除字

无语意标签

​
​
<div></div> 一行只有一个
​
<span></span> 一行可以有多个

图片标签

视频标签

​
<video> 标签:块级标签,用于放置视频。
​
src 属性——视频文件网址。
​
width、height 属性——播放器宽、高,单位像素。
​
poster 属性——封面图片URL。
​
preload 属性——规定是否在页面加载后载入视频。如果设置了 autoplay 属性,则忽略该属性。(auto - 当页面加载后载入整个视频、meta - 当页面加载后只载入元数据、none - 当页面加载后不载入视频)
​
controls 属性——播放器是否显示控制栏。
​
autoplay 属性——视频是否自动播放。
​
loop 属性——视频是否循环播放
​
muted 属性——视频是否静音。
​
 

音频标签

<audio> 标签:音频标签,块级标签,其属性与<video> 标签基本一致。

链接标签

1、href属性填写超链接跳转的地址
​
<a herf="#">
​
2、target属性  控制超链接打开的方式
​
_self  在当前页面打开跳转的超链接,未设置时默认为_self
​
_blank  新开页面打开超链接
​
 

锚链接

锚点功能

将href的属性值设置 # 即可

去任意位置

在想去的位置打一个标记,即给一个ID属性

<p id="center">

在herf属性中herf="#+id"

<a href="#center"></a>

有序列表

有序列表 用ol创建,li表示列表项

无序列表

无序列表 用ul创建 li表示列表项

自定义列表

定义列表 用dl创建,dt下定义 dd解释定义

Iframe框架

height可以设置框架显示的高度
 width可以设置框架显示的宽度
 name可以定义框架的名称
 frameborder用来定义是否需要显示边框,取值为1表示需要边框
 scrolling用来设置框架是否需要滚动条,取值可以是yes,no,auto
 src用于设置框架的地址,可以使页面地址,也可以是图片地址
 align用于设置元素对齐方式,取值可以是left,right,top,middle,bottom
​
 

特殊字符

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值