HTML核心知识
文章平均质量分 53
HTML最基础的内容
传说中的懿痕
这个作者很懒,什么都没留下…
展开
-
HTML核心系列之基础知识
HTML核心系列之基础知识 文章目录HTML核心系列之基础知识常用浏览器内核(渲染引擎)注释元素元素的嵌套标准文档结构 常用浏览器内核(渲染引擎) IE: trident Firefox: Gecko safari: webkit chrome, Opera: Blink(webkit的分支) 推荐使用谷歌浏览器,谷歌浏览器具有强大的调试功能,为前端开发提高了效率。 推荐使用VS code编写代码,大量的插件能让代码书写的效率提高 注释 注释为代码的阅读者提供帮助,注释不参与运行。建议积极写注释,方便后续的原创 2021-08-25 16:56:20 · 57 阅读 · 0 评论 -
HTML核心之语义化
HTML核心之语义化 文章目录HTML核心之语义化什么是语义化为什么需要语义化补充: 什么是语义化 每个HTML元素都有具体的含义,可以让页面结构更加清晰。 比如: a元素表示的语义:超链接。 p元素表示的语义:段落。 h1元素表示的语义:一级标题 所有元素与展示效果无关(重点!!!!!!!!!!!!) 元素展示到页面的效果应该由CSS决定,千万不要因为为了样式选择元素。 比如,需要应该下划线的样式选择了使用a元素。因为浏览器带有默认的CSS样式,所有每个元素有一些默认样式。 重要:选择什么元素,取决于原创 2021-08-25 17:10:53 · 61 阅读 · 0 评论 -
HTML核心之文本元素
HTML核心之文本元素 文章目录HTML核心之文本元素hpspan[无语义]brpre HTML5 h h1~h6:表示一级标题 ~六级标题。并且依据重要性递减 <h1>1级标题</h1> <h2>2级标题</h2> <h3>3级标题</h3> <h4>4级标题</h4> <h5>5级标题</h5> <h6>6级标题</h6&原创 2021-08-25 17:53:22 · 68 阅读 · 0 评论 -
HTML核心元素之HTML实体
HTML实体 实体字符是通常在页面中显示的一些特殊字符 有两种书写形式: &+单词+; &#+数字+; 下面页面实例没打;打了直接出效果了,看不到代码了 小于符号:< 大于符号:> 空格:  版权符号:© &符号:& ...原创 2021-08-26 16:02:04 · 110 阅读 · 0 评论 -
HTML核心之a元素
a元素 语义:超链接 文章目录a元素href属性target属性 href属性 <a href=""></a> hyper reference (引用):通常用于表示跳转地址 普通链接:跳转地址。 注意:链接到外部网址填写完整的url,比如www.baidu.com应该写为https://www.baidu.com 锚链接:跳转到某个锚点(#id),若#后面没有id,默认回到页面顶部。一般用于跳转到本页面的某个指定位置 功能链接:点击后触发某个功能 点击后触发JS原创 2021-08-26 16:16:01 · 181 阅读 · 0 评论 -
HTML核心之路径的写法
路径的写法 文章目录路径的写法站内资源和站外资源绝对路径和相对路径 站内资源和站外资源 站内资源:当前网站的资源 站外资源:非当前网站的资源 绝对路径和相对路径 站外资源:使用绝对路径(必须) 站内资源:使用相对资源(推荐) 绝对路径的书写格式: 协议名://主机名:端口/路径 主机名:域名、ip地址 端口号:如果协议是HTTP协议,默认端口号80;如果协议是HTTPS。,默认端口号是443;(一般情况下端口号可不写) 如http://127.0.0.1:5500/ 或者https://www.bai原创 2021-08-26 16:34:09 · 135 阅读 · 0 评论 -
HTML核心之图片元素
图片元素 文章目录图片元素img 元素与a元素联用和map元素联用和figure元素联用 img 元素 image缩写,空元素 src属性:填写图片地址 alt属性:当图片资源加载失败时,将使用该图片的文字代替图片 与a元素联用 将img元素嵌套在a元素中,可以给图片加上超链接 <a href=""><img src="" alt=""></a> 和map元素联用 将一张图片划分区域,是某一特定区域有特定效果,如超链接 和锚链接的用法相似,先用name属性做标识原创 2021-08-26 16:52:41 · 223 阅读 · 0 评论 -
HTML核心之多媒体元素
多媒体元素 文章目录多媒体元素audiovideo兼容性 audio 音频 video 视频 audio controls属性:控制控件的显示,取值只能为controls 某些属性只有两种状态:1. 不写,2. 取值为属性名。这种属性称为bool属性 bool属性在HTML5中可以不写属性值 autopaly:bool属性,自动播放,但只有在muted情况下才会自动播放。 muted:bool属性,静音播放。 loop: bool属性,循环播放 video 和audio用法完全一样 兼容性 旧版本的浏览原创 2021-08-26 17:08:58 · 104 阅读 · 0 评论 -
HTML核心之列表元素
列表元素 文章目录列表元素有序列表无序列表定义列表 有序列表 ol: order list li: list item reverse: bool 属性,逆序 再次提醒:不能为了需要序号的效果选择ol列表!!! 所有样式应该由CSS控制 无序列表 将ol改成ul,这是经常用的元素 ul:unorder list 无序列表常用来制作菜单或新闻列表 定义列表 通常用于一些术语的定义,语义化需要.不常用 dl:definition list dt:definition title dd:definition原创 2021-08-27 15:37:44 · 39 阅读 · 0 评论 -
HTML核心之容器元素
容器元素 容器元素: 该元素代表一个块区域,内部用于放置其他元素. 文章目录容器元素div元素语义化容器元素 div元素 没有语义,常用来包裹其他元素,方便统一管理 语义化容器元素 header: 通常用于表示页头,也可以表示文章头部 footer: 通常用于表示页脚,也可以表示文章的尾部 article: 通常用于表示整篇文章 section: 通常用于表示文章的章节 aside: 通常用于表示一些附加信息(侧边栏) 上述例子中容器元素都可以用div代替 ...原创 2021-08-27 15:46:49 · 99 阅读 · 0 评论