![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML核心知识
文章平均质量分 53
HTML最基础的内容
传说中的懿痕
这个作者很懒,什么都没留下…
展开
-
HTML核心系列之基础知识
HTML核心系列之基础知识文章目录HTML核心系列之基础知识常用浏览器内核(渲染引擎)注释元素元素的嵌套标准文档结构常用浏览器内核(渲染引擎)IE: tridentFirefox: Geckosafari: webkitchrome, Opera: Blink(webkit的分支)推荐使用谷歌浏览器,谷歌浏览器具有强大的调试功能,为前端开发提高了效率。推荐使用VS code编写代码,大量的插件能让代码书写的效率提高注释注释为代码的阅读者提供帮助,注释不参与运行。建议积极写注释,方便后续的原创 2021-08-25 16:56:20 · 62 阅读 · 0 评论 -
HTML核心之语义化
HTML核心之语义化文章目录HTML核心之语义化什么是语义化为什么需要语义化补充:什么是语义化每个HTML元素都有具体的含义,可以让页面结构更加清晰。比如:a元素表示的语义:超链接。p元素表示的语义:段落。h1元素表示的语义:一级标题所有元素与展示效果无关(重点!!!!!!!!!!!!)元素展示到页面的效果应该由CSS决定,千万不要因为为了样式选择元素。比如,需要应该下划线的样式选择了使用a元素。因为浏览器带有默认的CSS样式,所有每个元素有一些默认样式。重要:选择什么元素,取决于原创 2021-08-25 17:10:53 · 64 阅读 · 0 评论 -
HTML核心之文本元素
HTML核心之文本元素文章目录HTML核心之文本元素hpspan[无语义]brpreHTML5hh1~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 · 72 阅读 · 0 评论 -
HTML核心元素之HTML实体
HTML实体实体字符是通常在页面中显示的一些特殊字符有两种书写形式:&+单词+;&#+数字+;下面页面实例没打;打了直接出效果了,看不到代码了小于符号:<大于符号:>空格: 版权符号:©&符号:&...原创 2021-08-26 16:02:04 · 125 阅读 · 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 · 202 阅读 · 0 评论 -
HTML核心之路径的写法
路径的写法文章目录路径的写法站内资源和站外资源绝对路径和相对路径站内资源和站外资源站内资源:当前网站的资源站外资源:非当前网站的资源绝对路径和相对路径站外资源:使用绝对路径(必须)站内资源:使用相对资源(推荐)绝对路径的书写格式:协议名://主机名:端口/路径主机名:域名、ip地址端口号:如果协议是HTTP协议,默认端口号80;如果协议是HTTPS。,默认端口号是443;(一般情况下端口号可不写)如http://127.0.0.1:5500/或者https://www.bai原创 2021-08-26 16:34:09 · 146 阅读 · 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 · 235 阅读 · 0 评论 -
HTML核心之多媒体元素
多媒体元素文章目录多媒体元素audiovideo兼容性audio 音频video 视频audiocontrols属性:控制控件的显示,取值只能为controls某些属性只有两种状态:1. 不写,2. 取值为属性名。这种属性称为bool属性bool属性在HTML5中可以不写属性值autopaly:bool属性,自动播放,但只有在muted情况下才会自动播放。muted:bool属性,静音播放。loop: bool属性,循环播放video和audio用法完全一样兼容性旧版本的浏览原创 2021-08-26 17:08:58 · 107 阅读 · 0 评论 -
HTML核心之列表元素
列表元素文章目录列表元素有序列表无序列表定义列表有序列表ol: order listli: list itemreverse: bool 属性,逆序再次提醒:不能为了需要序号的效果选择ol列表!!! 所有样式应该由CSS控制无序列表将ol改成ul,这是经常用的元素ul:unorder list无序列表常用来制作菜单或新闻列表定义列表通常用于一些术语的定义,语义化需要.不常用dl:definition listdt:definition titledd:definition原创 2021-08-27 15:37:44 · 45 阅读 · 0 评论 -
HTML核心之容器元素
容器元素容器元素: 该元素代表一个块区域,内部用于放置其他元素.文章目录容器元素div元素语义化容器元素div元素没有语义,常用来包裹其他元素,方便统一管理语义化容器元素header: 通常用于表示页头,也可以表示文章头部footer: 通常用于表示页脚,也可以表示文章的尾部article: 通常用于表示整篇文章section: 通常用于表示文章的章节aside: 通常用于表示一些附加信息(侧边栏)上述例子中容器元素都可以用div代替...原创 2021-08-27 15:46:49 · 108 阅读 · 0 评论