HTML
基础知识
Fraser207
这个作者很懒,什么都没留下…
展开
-
表格元素和其他元素
在css技术出现之前,网页通常使用表格布局 后台管理系统中可能用到表格元素 前台:面向用户 后台:面向管理员,对界面要求不高,对功能性要求高 表格已经不再适用于网页布局,因为表格的渲染速度过慢 表格元素table 表格标题元素caption 表头元素thaed 表格行元素tr 单元格th(表头) 表格主体元素tbody 单元格td(表格主体) 表尾元素tfoot border-collapse:collapse(表格各单元格折叠) ...原创 2021-11-25 23:18:19 · 132 阅读 · 0 评论 -
内联元素和表单元素
iframe元素 通常用于在网页中嵌入另一个页面 iframe可替换元素 1.通常为行盒 2.通常显示内容取决于元素属性 3.css不能完全控制其样式 4.具有行块盒的特点 例子:原创 2021-11-24 23:57:29 · 88 阅读 · 0 评论 -
列表元素和容器元素
有序列表 ol:整个列表 li:列表中某一项 例如 上王者需要几步 <ol> <li>打上白银</li> <li>打上黄金</li> <li>打上铂金</li> <li>打上钻石</li> <li>打上星耀</li> <li>打上王者</l原创 2021-11-20 19:48:48 · 872 阅读 · 0 评论 -
图片和多媒体元素
图片元素 img元素 图像嵌入元素 1.src属性:包含了想嵌入的图片的文件路径 2.alt属性:当图片资源失效时,将使用该属性的文字替代图片 <img src="https://ts1.cn.mm.bing.net/th?id=OIP-C.utFtkO_9477P0ARxbwTXWQHaEP&w=176&h=170&c=8&rs=1&qlt=90&o=6&dpr=1.25&pid=3.1&rm=2" al原创 2021-11-20 18:48:52 · 494 阅读 · 0 评论 -
a元素与路径
a元素表示超链接,也可以称a元素为锚元素 a元素的href属性 通常表示跳转地址 1.作为普通链接时,可跳转至某个网页 2.作为锚链接时,可跳转至该网页头部 3.作为功能链接时,点击可触发某个功能 例如: 1.普通路径写法 <a href="http://www.baidu.com">百度</a> 2.锚链接写法,通常与Id选择器共用 <a href="#chapter1">章节1</a>a href="#chapter2"原创 2021-11-20 14:43:47 · 336 阅读 · 0 评论 -
HTML文本元素和实体
HTML文本元素 h元素 h1~h6 :表示一级标题到六级标题 p元素 :段落元素 span元素 :无语意的元素,常用来设置样式 pre元素 :预定义格式文本,该元素通常按照 原文件中的编排,以等宽字体的形式展现出来,空格也会显示 code元素 :呈现计算机代码的元素 HTML实体 实体字符,通常用于在页面中显示一些特殊符号 有两种表示方法 : &单词 &#数字 例如:小于符号 <,< 大于符号 &原创 2021-11-20 12:03:31 · 256 阅读 · 0 评论 -
HTML基础知识
HTML元素的组成 1. 元素=起始标记+结束标记+元素内容+元素属性 2. 属性=属性名+属性值 ①属性分类: 局部属性:某些元素特有的属性(比如href) 全局属性:所有元素通用(比如title) ②某些元素没有结束标记,这样的元素叫 做空元素 ③空元素有两种写法:可以理解为只写头或者尾部 HTML元素的嵌套 HTML元素不能相互嵌套 它的一些相关名词有:父元素,子元素,祖先元素,后代元素,兄弟元素(即拥有同一个父亲元素的两个兄弟) 标准的文档结构 <!DOCTYPE html> <h原创 2021-11-19 21:22:04 · 80 阅读 · 0 评论 -
HTML语义化
什么是语义化? 1. 让每一个html元素都有具体含义 比如:a元素表示超链接 p元素表示段落 h1元素表示一级标题 2. 所有元素与展示效果无关 即:元素展示到页面中的效果,应该由css决定 因为浏览器带有默认的css样式,所以每个元素 有一些默认样式。 选择什么元素,取决于内容的含义,而不是显示的效果 为什么要语义化? 1. 为了搜索引擎优化(seo) 让搜索引擎更好地理解代码(网页) 搜索引擎:百度,bing,Google 每隔一段时间,搜索引擎会从互联网抓取页面的 源代码。语义化做的越好,搜索引擎越原创 2021-11-18 13:32:19 · 72 阅读 · 0 评论