![](https://img-blog.csdnimg.cn/20191019180040206.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML5
html5基本元素与使用
Mr.Envelope?
这个作者很懒,什么都没留下…
展开
-
其他元素
其他元素abbr缩写词<p> <abbr title="cascading style sheet">CSS</abbr>是用于为页面添加样式</p>time提供给浏览器或搜索引擎的时间<p> <time datetime="2019-10-01">今年十月</time>我学...原创 2019-11-14 23:37:48 · 270 阅读 · 0 评论 -
表格元素
表格元素在CSS技术出现前,网页通常使用表格布局。后台管理系统中可能会使用表格。前台:面向用户后台:面向管理员。对界面要求不高,对功能性要求高。问:表格不再使用于网页布局? 答:表格的渲染速度过慢。表格术语表格:table表格标题:caption表头:thead表格主体:tbody表尾:tfoot表格行:tr标题单元格:th单元格:td<!DOCTYPE ...原创 2019-11-07 23:30:28 · 151 阅读 · 0 评论 -
表单元素
表单元素一系列元素,主要用于收集用户数据。input元素输入框属性:type:输入框类型。type: text,普通文本输入框。type: password,密码。type:date,日期选择框,兼容性问题(旧版本浏览器)。type:search,搜索框,兼容性问题(旧版本浏览器)。type:range,选中范围。type:color,颜色选择。type:number,...原创 2019-10-30 23:07:58 · 209 阅读 · 0 评论 -
iframe
iframe元素框架页通常用于在网页中嵌入另一个页面iframe 为可替换元素可替换元素的特点:通常行盒通常显示的内容取决于元素的属性CSS不能完全控制其中的样式具有行块盒的特点通常在B站类似网站分享功能中,有“嵌入代码” 直接粘贴至代码设置格式即可。...原创 2019-10-30 23:06:32 · 123 阅读 · 0 评论 -
元素包含关系
元素包含关系以前:块级元素可以包含行级元素,行级元素不可以包含块级元素,a元素除外。元素的包含关系由元素的内容类别决定。例如,查看h1元素中是否可以包含p元素。百度搜索:H1 MDN 查看Permitted content总结:容器元素中可以包含任何元素;a元素中几乎可以包含任何元素;某些元素有固定的子元素,如:ul->li,ol->li,dl->dt->...原创 2019-10-07 21:21:38 · 266 阅读 · 0 评论 -
容器元素
容器元素容器元素:该元素代表一块区域,内部用于放置其他元素。div元素没有语义语义化容器元素header:通常用于表示页头,也可以表示文章的头部。footer:通常用于表示页脚,也可以表示文章的尾部。article:通常用于表示文章内容。section:通常用于表示文章的章节。aside:通常用于表示侧边栏(附加信息)。...原创 2019-10-07 21:21:12 · 132 阅读 · 0 评论 -
列表元素
列表元素有序列表ol:ordered listli:list itemol属性:1.type 编号类型‘a’ 表示小写字母编号;‘A’ 表示大写字母编号;‘i’ 表示小写罗马数字编号;‘I’ 表示大写罗马数字编号;‘1’ 表示数字编号(默认值)。Note: 这个属性在 HTML4中弃用,但是在 HTML5 中被重新引入。除非列表中序号很重要(比如,在法律或者技术文件中条...原创 2019-10-07 21:20:21 · 250 阅读 · 0 评论 -
多媒体元素
多媒体元素video建议使用mp4/webm格式视频文件,使用src属性放入视频路径。进入页面后右击视频->显示控件,即可播放。默认显示控件可以使用属性:controls:控制控件的显示,取值只能为controlscontrols="controls"某些属性,只有两种状态:1.不写;2.取值为属性名。这种属性叫做布尔属性。布尔属性在html5中可以不写属性值。autop...原创 2019-10-07 21:19:42 · 274 阅读 · 0 评论 -
图片元素
图片元素img元素image缩写,空元素src属性:sourcealt属性:当图片资源失效时,将使用该属性的文字替代图片和a元素连用和map元素使用map:地图。子元素:area。参数:shape:形状;coords:坐标,<以图片左上角为原点,向右x增加,向下y增加>圆形: circle 三个coords参数为:圆心x、圆心y、半径(可用微信截图查看图片坐标...原创 2019-10-07 21:18:16 · 373 阅读 · 0 评论 -
路径的写法
路径的写法站内资源和站外资源站内资源:当前网站的资源站外资源:非当前网站的资源绝对路径与相对路径对站内资源使用绝对路径,站外资源使用相对路径。绝对路径绝对路径的书写格式:url地址:协议名://主机名:端口号/路径schema://host:port/path协议名:http、https、file主机名:域名、IP地址端口号:如果协议为http协议,默认端口号80...原创 2019-10-07 21:16:46 · 725 阅读 · 0 评论 -
a元素
a元素超链接href 元素hyper reference(引用)普通链接锚链接id属性:全局属性,表示元素在文档中的唯一编号编写技巧:a[href="#chapter$"]*6>{章节$}((h2[id="chapter$"]>{章节$})+p>lorem1000)*6当锚点为空的时候,会自动跳到顶部<a href="#">回到顶部<...原创 2019-10-05 22:41:11 · 303 阅读 · 0 评论 -
HTML实体
HTML实体实体字符, HTML EntityHTML Entity MDN实体字符通常用于页面中显示一些特殊符号。&单词;&#数字;小于号<大于号>空格 non-breaking space版权符号© ©&符号&...原创 2019-10-05 22:40:29 · 182 阅读 · 0 评论 -
文本元素
文本元素HTML5中支持的元素:HTML5元素周期表(http://www.xuanfengge.com/funny/html5/element/)h标题:head缩写h1~h6:表示一级标题到六级标题统称快捷键操作: h$>{$级标题}显示效果 <h1>1级标题</h1> <h2>2级标题</h2> ...原创 2019-10-05 21:02:36 · 117 阅读 · 0 评论 -
语义化
语义化什么是语义化每一个HTML元素都有具体含义a元素:超链接p元素:段落h1元素:一级标题所有元素与展示效果无关元素展示到页面的效果由CSS决定。因为浏览器带有默认CSS样式,所以每个元素都有默认样式。重要:选择什么内容,取决于内容的含义,而非显示效果为什么要需要语义化?为了让搜索引擎理解网页(SEO)搜索引擎:百度,Bing,Google每隔一段时间,搜索...原创 2019-10-05 21:00:39 · 368 阅读 · 0 评论 -
第一个网页
第一个网页Emmet 插件注释为代码阅读人提供帮助,不参与运行书写格式:<!--注释内容 -->快捷键:Ctrl+/元素其他叫法: 标签、标记<title>Document</title> <a href="http://baidu.com">Baidu</a>整体: element元素=起始标记(be...原创 2019-10-05 16:19:22 · 208 阅读 · 0 评论