![](https://img-blog.csdnimg.cn/20200220124619945.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
html
html
&XYZ&
越努力,越幸运!
展开
-
其他元素
其他元素其他元素其他元素abbr缩写词 <p> <abbr title="cascading style sheet">CSS</abbr> 是用于为页面添加样式 </p>time提供给浏览器或收缩引擎阅读的时间 <p> <time datetime="2020-6-22">今年六月</time> 我...... </p>原创 2020-07-19 10:26:47 · 312 阅读 · 0 评论 -
表格元素
表格元素在css技术出现之前,网页通常使用表格布局。后台管理系统中可能会使用表格。前台:面向用户后台:面向管理员。对界面要求不高,对功能性要求高。表格不再适用于网页布局?表格的渲染速度过慢。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi原创 2020-07-19 09:23:44 · 199 阅读 · 0 评论 -
美化表单元素
美化表单元素美化表单元素新的伪类常见用法美化表单元素新的伪类focus元素聚焦时的样式 input{ color: #999; } input:focus{ outline: 1px solid #f00; outline-offset: 0; color: #333; }checked单选或多选框被选中的样式<bod原创 2020-07-18 11:12:49 · 134 阅读 · 0 评论 -
表单元素
表单元素表单元素input元素select元素textarea元素按钮元素表单状态配合表单元素的其他元素labeldatalistform元素fieldset元素表单元素一系列元素,主要用于收集用户数据input元素输入框type属性:输入框类型type:text, 普通文本输入框type:password,密码框type:date, 日期选择框,具有兼容性问题type:search,搜索框,具有兼容性问题type: number, 数字输入框type: checkbox, 多选框原创 2020-07-18 11:11:58 · 217 阅读 · 0 评论 -
在页面中使用flash
在页面中使用flashobjectembed它们都是可替换元素MIME多用途互联网邮件类型比如,资源是一个jpg图片,MIME:image、jpeg兼容性写法:object标签里面嵌套embed标签:如果object标签浏览器可以识别出来,那么embed会失效,如果不能识别出来,那么就会执行embed进行执行。...原创 2020-07-18 11:10:24 · 121 阅读 · 0 评论 -
iframe元素
iframe元素通常用于在网页中嵌入另一个页面iframe 可替换元素通常行盒通常显示的内容取决于元素的属性CSS不能完全控制其中的样式具有行块盒的特点 <a href="https://www.baidu.com" target="myiframe">百度</a> <a href="https://www.douyu.com" target="myiframe">斗鱼</a> <a href="https://w原创 2020-07-18 11:09:48 · 132 阅读 · 0 评论 -
HTML之元素包含关系
文章目录元素包含关系元素包含关系以前:块级元素可以包含行级元素,行级元素不可以包含块级元素,a元素除外。元素的包含关系由元素的内容类别决定。例如:查看h1元素中是否可以包含p元素总结:容器元素中可以包含任何元素a元素中几乎可以包含任何元素某些元素有固定的子元素(ul>li, ol>li, dl>dt>dd)标题元素和段落元素不能相互嵌套,并且不能包含容器元素...原创 2020-05-30 10:26:26 · 309 阅读 · 0 评论 -
HTML之容器元素
文章目录容器元素div元素语义化容器元素容器元素容器元素:改元素代表一个块区域,内部用于放置其它元素div元素没有语义语义化容器元素header: 通常用于表示页头,也可以用于表示文章的头部footer: 通常用于表示页脚,也可以用于表示文章的尾部article: 通常用于表示整篇文章section: 通常用于表示文章的章节aside:通常用于表示侧边栏...原创 2020-05-30 10:05:20 · 242 阅读 · 0 评论 -
HTML之列表元素
文章目录列表元素有序列表无序列表定义列表列表元素有序列表<h1>把大象装进冰箱,总共分几步?</h1> <ol type="i"> <li>打开冰箱</li> <li>大象进去</li> <li>冰箱关上</li> </ol>不赞成,type属性来控制显示样式,应该通过css来控制<h1>把大象装进冰箱,总共原创 2020-05-22 09:07:10 · 143 阅读 · 0 评论 -
HTML之多媒体元素
文章目录多媒体元素videoaudio兼容性多媒体元素video 视频audio 音频videocontrols: 控制控件的显示,取值只能为controls某些属性,只有两种状态:1. 不写 2. 取值为属性名,这种属性叫做布尔属性布尔属性:在HTML5中,可以不用书写属性值autoplay:布尔属性,自动播放。muted: 布尔属性,静音播放loop:布尔属性,循环播放 <video controls="controls" autoplay muted loop src原创 2020-05-22 08:32:22 · 337 阅读 · 0 评论 -
HTML之图片元素
文章目录图片元素img元素和a元素联用和map元素和figure元素图片元素img元素image缩写,空元素src属性: sourcealt属性:当图片资源失效时,将使用该属性的文字替代图片和a元素联用 <a href="https://baike.baidu.com/item/%E5%A4%AA%E9%98%B3%E7%B3%BB/173281?fr=aladdin" target="_blank" > <img src="./img/timg.jpg" alt="原创 2020-05-21 08:24:24 · 664 阅读 · 0 评论 -
HTML之路径的写法
文章目录路径的写法站内资源和站外资源绝对路径和相对路径路径的写法站内资源和站外资源站内资源:当前网站的资源站外资源:非当前网站的资源绝对路径和相对路径站外资源:绝对路径站内资源:相对路径绝对路径绝对路径的书写格式:url地址:协议名://主机号:端口号/路径schema://host:port/pathhttps://www.baidu.com/http://www.renren.com/file:///D:/XYZ协议名:http、https、file主机名:域名原创 2020-05-20 08:36:08 · 290 阅读 · 0 评论 -
HTML之a元素
文章目录a元素href属性a元素超链接href属性hyper reference: 通常表示跳转地址跳转地址跳转某个锚点 <!-- 目录 --> <a href="#chapter1">章节1</a><a href="#chapter2">章节2</a> <h2 id="chapter1">章节1</h2> <p>Lorem ipsum, dolor sit amet原创 2020-05-18 09:28:28 · 206 阅读 · 0 评论 -
HTML之实体
文章目录HTML实体HTML实体实体字符,HTML Entity实体字符通常用于页面中显示一些特殊符号&单词&#数字小于符号<大于符号>空格符号 版权符号©分数½&符号&...原创 2020-05-17 21:17:49 · 182 阅读 · 0 评论 -
HTML之文本元素
文章目录文本元素hpspan [无语义]pre文本元素HTML5中支持的元素:HTML5元素周期表h标题: headerh1~h6: 表示1级标题~6级标题p段落:paragraphslorem:乱数假文,没有任何实际含义的文字使用lorem : 生成无用的废话 <p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Illum sed debitis voluptate co原创 2020-05-17 11:53:22 · 216 阅读 · 0 评论 -
HTML之语义化
文章目录语义化什么是语义化为什么需要语义化?语义化什么是语义化每一个HTML元素都有具体的含义a元素:超链接p元素:段落h1元素:一级标题所有元素与展示效果无关元素展示到页面中的效果,应该由css决定。浏览器带有默认的css样式,所以每个元素有一些默认样式。重要:选择什么元素,取决于内容的含义,而不是显示出来的效果为什么需要语义化?为了搜索引擎优化(SEO)搜索引擎:百度、搜搜、Bing、Coogle每隔一段时间,搜索引擎会从整个互联网中,抓取页面源代码为了让浏览原创 2020-05-16 17:25:58 · 137 阅读 · 0 评论 -
网页基本:组成与解释
文章目录第一个网页注释元素元素的嵌套标准的文档结构第一个网页Emment插件: 自动生成HTML代码片段注释注释为代码的阅读者提供帮助,注释不参与运行在HTML中,注释使用如下格式书写:<!-- 注释 -->元素其它叫法:标签、标记 <a href="https://www.baidu.com" title="百度">百度</a>整体:element(元素)元素 = 起始标记(begin tag) + 结束标记 (end tag) + 元素内原创 2020-05-16 10:59:50 · 273 阅读 · 0 评论 -
下载别人网站的图标、网站图标
文章目录下载别人网站的图标网站图标下载别人网站的图标/*下载别人网站的图标:(可以在网站的后面加上favicon.ico试一下) https://pvp.qq.com/favicon.ico*/网站图标/* 网站图标: <link rel="shortcut icon" href="./src/img/favicon.ico" type="im...原创 2020-05-08 10:52:21 · 710 阅读 · 0 评论 -
body内容防止别人复制,以及防止用户右键进入控制台进行复制。
<body onselectstart="event.returnValue=false"oncontextmenu="window.event.returnValue=false"ondragstart="window.event.returnValue=false" > </body>原创 2020-03-06 14:38:21 · 352 阅读 · 0 评论 -
输入框提示信息( placeholder)
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compa...原创 2018-09-21 10:39:41 · 1215 阅读 · 0 评论