随笔分类 -  html

其他元素
摘要：abbr:表示缩写词： time:提供给浏览器或搜索引擎阅读的时间 b：以前是一个无语义元素，主要用于加粗字体 q：一小段的引用文本 blockquote：大段引用文本:q和blockquote有一个 cite属性：表示引用文本地址 meta：可用于搜索引擎优化：seo link:链接外部资源（cs 阅读全文
posted @ 2020-07-25 09:07 颿華正茂 阅读(145) 评论(0) 推荐(0)
表格元素
摘要：表格元素 ：在css技术出现之前，网页通常使用表格布局 后台管理系统中可能出现表格 表格不再适用于布局？表格的渲染速度过慢。 表格：table 表格标题：caption 表头：thead 表格主体：tbody 表尾：tfoot 表格行：tr 单元格：th（标题单元格），td 合并单元格：合并列：co 阅读全文
posted @ 2020-07-25 09:00 颿華正茂 阅读(161) 评论(0) 推荐(0)
表单元素
摘要：表单元素 input 元素： placeholder: 当没有文本的时候提示内容，点击就消失 type:text,文本框 password：密码框 date：日期选择框 search:搜索框 range:滑块 color：颜色选择 number: 数字输入框 checkbox:多选框 radio：单 阅读全文
posted @ 2020-07-25 08:40 颿華正茂 阅读(145) 评论(0) 推荐(0)
在页面中使用flash
摘要：在页面中使用flash 使用object 元素或embed元素 都是可替换元素 MIME：多用途互联网邮件扩展类型 <object data="" type=""> <param name="" value="">//表示传参数，比如nane=“quality” value=“height”意思是说 阅读全文
posted @ 2020-07-24 21:04 颿華正茂 阅读(186) 评论(0) 推荐(0)
ifream 元素
摘要：ifream：通常用于在网页中嵌入另外一个网页（可替换元素） 可替换元素：通常是行盒，显示内容取决于属性 ，css不能完全控制其中的样式比如图片不能控制图片的颜色 具有行块盒的特点 与a元素连用 <a href="https://www.bilibili.com/" target="my">b站</ 阅读全文
posted @ 2020-07-24 20:47 颿華正茂 阅读(259) 评论(0) 推荐(0)
元素的包含关系
摘要：元素包含关系 以前：块级元素可以包含行级元素：行级元素不能包含块级元素，a元素除外 现在：元素的包含关系由元素的内容决定。 例如查看h1元素中是否可以包含p元素：从语义 上想，标题里面没有段落，所以不能包含 h1 mdn，查看允许内容 总结： 容器元素中可以包含任何元素 a元素几乎可以包含任何元素 阅读全文
posted @ 2020-07-22 20:47 颿華正茂 阅读(389) 评论(0) 推荐(0)
容器元素
摘要：容器元素:该元素代表一块区域，内部用于放置其他元素 div: span: 语义化容器元素： header:通常用于表示页头，有时候也用于表示文章的头部 footer:通常用于表示页脚，文章尾部 artic：通常用于表示整篇文章 section:通常用于表示文章段落章节 aside：通常用于表示附加信 阅读全文
posted @ 2020-07-22 20:44 颿華正茂 阅读(164) 评论(0) 推荐(0)
列表元素
摘要：列表元素 有序列表： ol>li: type 属性：可以列表左边序号的类型有五种：A，a，i，I，1 用css控制：list-style： reversed：倒序：是一个布尔属性 无序列表：常用于制作菜单，或新闻列表 ul>li 定义列表：通常用于一些定义术语 dl：定义列表 dt：标题 dd：描述 阅读全文
posted @ 2020-07-22 20:43 颿華正茂 阅读(250) 评论(0) 推荐(0)
多媒体元素
摘要：多媒体元素 vido：视频 controls:显示播放控件 某些属性的取值为本身的属性叫做布尔属性，这种属性可以只写属性名。 autopaly:自动播放 muted：静音播放 loop:循环播放 audio：音频 兼容性：旧版本的浏览器不支持这两个元素 不同浏览器支持的音频格式可能不一致 给元素写一 阅读全文
posted @ 2020-07-22 20:39 颿華正茂 阅读(410) 评论(0) 推荐(0)
图片元素
摘要：图片元素<img> <img>空元素 src属性：source：资源路径 alt属性：当图片资源失效时，将使用alt里面的值代替 常常和a元素连用 <a href="https://www.baidu.com"> <img usemap="#tai" src="../img/百度图片.jpg" >< 阅读全文
posted @ 2020-07-21 21:00 颿華正茂 阅读(250) 评论(0) 推荐(0)
路径的写法
摘要：路径的写法： 站内资源：当前网站的资源（可以使用相对路径也可以使用绝对路径，建议使用相对路径） 站外资源：非当前网站资源（只能使用绝对路径） 绝对路径（URL）：协议名://主机名：端口号/路径 协议名：http,https,file 主机名：域名，IP地址 端口号：如果协议是http协议，默认端口 阅读全文
posted @ 2020-07-21 20:58 颿華正茂 阅读(583) 评论(0) 推荐(0)
a元素
摘要：超链接： <a href=""> </a> href属性：hyper reference（引用）：通常表示跳转地址 跳转地址： 跳转到某个锚点： 功能性连接：点击后触发某个功能 1.点击后触发js代码：在href属性中写上JavaScript：然后就可以写js代码 2，发邮件,在href属性中输入m 阅读全文
posted @ 2020-07-21 20:56 颿華正茂 阅读(414) 评论(0) 推荐(0)
htm实体
摘要：实体字符：html entity 实体字符通常用于在页面中显示特殊符号 两种写法 1.&单词 2.&#数字 常用的实体字符：小于号<&lt,大于号&gt 空格&nbsp &符号&amp； 版权符号（@）&copy 阅读全文
posted @ 2020-07-21 20:49 颿華正茂 阅读(138) 评论(0) 推荐(0)
文本元素
摘要：htm5中支持的元素，可以在浏览器中搜索 html5元素周期表 h1-h6 ：表示一级标题到六级标题，字体从大到小 p元素：段落（paragraphs） span 元素： 无语义，仅用于设置样式， 以前：某些元素换行（块级元素），某些元素不换行（行内元素） 以前叫块级行级，现在已经弃用这种说法，标准 阅读全文
posted @ 2020-07-21 20:40 颿華正茂 阅读(155) 评论(0) 推荐(0)
语义化
摘要：1.每一个html元素都有具体含义 。例如：a元素表示超链接，p元素表示段落，h1元素表示一级标题 2.所有元素与展示效果无关，元素展示到页面的效果应该由css决定 因为浏览器带有默认的css样式，所以每个元素出生的样子是浏览器设定的样子 重要理论：选择什么元素，取决于内容的含义，而不是显示的效果 阅读全文
posted @ 2020-07-21 20:03 颿華正茂 阅读(111) 评论(0) 推荐(0)
初识别html
摘要：html：超文本标记语言 <a href="#">百度</a> 一整块叫做元素（element） 元素=起始标记+结束标记+元素内容+元素属性 属性=属性名+属性值 属性分为 局部属性：某些元素特有的属性：例如a元素里面的href属性 全局属性：所有元素通用：例如tite属性 空元素：有些元素没有结 阅读全文
posted @ 2020-07-20 21:26 颿華正茂 阅读(143) 评论(0) 推荐(0)