HTML5基本使用

一些常用实体名字: 空格     &gt大于号      &it小于号        &copy版权符号

meta主要用于设置网页中的一些元数据,元数据不是给用户看
charset指定网页的字符集,name指定的数据的名称,content指定的数据的内容
keywords表示网站的关键字,可以同时指定多个关键字, 关键字间使用,隔开
description用于指定网站的描述,网站的描述会显示在搜索引擎的搜索的結果中
title标签的内容会作为搜素结果的超链接上的文字显示

将页面重新定义到另一个网页:

hgroup标签用来为标题分组,可以将组相关的标题同时放入到hgroup:

加重语气:<strong><em>

长引用:<blockquote><q>

header:表示网页的头部
main:表示网页的主体部分(一个页面中只会有一个main)
footer:表示网页的底部
nav:表示网页中的导航
aside和主体相关的其他内容(例边栏)
article:表示一个独立的文章
section:表示一个独立的区块,上边的标签都不能表示时使用section
div没有语义,就用来表示一个区块,目前来讲div还是我们主要的布局元素
span:行内元素。没有任何的语义,一般用于在网页中选中文字

有序列表:使用<ol>标签来创建有序列表,使用<li>表示列表项
无序列表:使用<ul>标签来创建无序列表,使用<li>表示列表项

定义列表:使用<dl>标签来创建定义列表,使用<dt>表示定义内容、使用<dd>来对内容进行解释说明

超链接:<a> 行内元素,可以嵌套自身以外的任何元素

href的值为JavaScript,什么也不发生

<a href="https://www.baidu.com">百度</a>

href的值可以是一个外部网站,也可以是一个内部页面的地址

 <a href="#"></a>:回顶部

 <a href="#要去的标签ID名"></a>:去指定位置

 

图片标签:<img >自结束标签

src可以指定图片地址,也可以指定图片网址

width,hight  pc端一般不修改图片大小

alt:用来让搜素引擎搜索关键词的

图片的格式,
jpeg(jpg)
支持的颜色比较丰富,不支持透明效果,不支持动图。一般用来显示照片
gif
支持的颜色比较少,支持简单透明,支持动图颜色单一的图片,动图
png
支持的颜色丰富。支持复杂透明, 不支持动图,颜色丰富,复杂透明图片(专为网页而生)
webp
这种格式是谷歌新推出的专用来表示网页中的图片的一种格式,它具备其他图片格式的所有优点,而且文件还特别的小
缺点。兼容性不好
规则:
效果一样, 用小的
效果不一样,用效果好的
 

内联框架,用于向当前页面中引入一个其他页面

src:引入网页路径,frameborder:指定内联框架的边框

音频标签:<audio>

属性:controls:是否允许用户控制播放

autopaly 音频文件是否自动播放,但是大部分浏览器不会自动播放

loop:循环播放

视频标签:<video>

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值