HTML基础
hua_cuo
这个作者很懒,什么都没留下…
展开
-
11.元素的包含关系
元素的包含关系以前:块级元素可以包含行级元素,行级元素不可以包含块级元素,a元素除外元素的包换关系由元素的内容类别决定查看:查询元素名mdn,看内容类别与允许内容总结:容器元素可以包含任何元素a元素几乎可以包含任何元素某些元素有固定的子元素标题元素和段落元素不能相互嵌套,并且不能包含容器元素...原创 2020-12-04 06:57:45 · 259 阅读 · 0 评论 -
10.容器元素
容器元素容器元素:该元素代表一块区域,内部用于放置其他元素div元素没有语义语义化容器元素header:通常用于表示页头,也可用于表示文章的头部(中可能与h1,其他元素)footer:通常用于表示页脚,也可用于表示文章的尾部section:通常用于表示文章的章节aside:通常用于表示附加信息(侧边栏等)article:通常用于表示文章(可能有header,,section,aside,footer)...原创 2020-12-04 06:57:22 · 163 阅读 · 0 评论 -
9.列表元素
列表元素有序列表ol:ordered listtype属性:决定列表的标号形式(该序号很重要时使用)style="list-style-type: ;"为常用的方法reversed属性:标号反序li: list item无序列表ol改为ulul:unoredered item无序列表常用语制作菜单或新闻列表定义列表通常用于一些术语的定义dl:definition list(定义列表)dt:definition title(名称)dd:definition description原创 2020-12-04 06:56:43 · 141 阅读 · 0 评论 -
8.多媒体元素
多媒体元素video 视频audio 音频videosrc=" " 其中输入地址controls:(控制播放控键的显示)其内容为controlsautoplay:(自动播放)布尔属性muted(静音播放)布尔属性loop(循环播放)布尔属性注:部分属性取值只有1. 不写 2.取值为属性名(布尔属性)audio(与视频一致)兼容性旧版本的浏览器不支持这两个元素不同浏览器支持的视频格式可能不一致mp4、webm为了保证兼容性给video加两个子元素“source”给于原创 2020-12-03 21:47:00 · 170 阅读 · 0 评论 -
7.图片元素
图片元素img元素img缩写,空元素src属性(source,资源):" "内写图片地址,地址写法见“路径的写法”alt属性:当图片资源失效时,将使用该属性中的文字代替图片和a元素连用把img元素套入a元素和map元素map:地图name元素驼峰命名法:单词与单词用大写字母隔开-命名法:单词间用“-”命名img内用usemap(#)与name内容统一map的子元素:areashape=" “形状 coords=”" 坐标(原点为左上角,横x竖y,可用qq截图等测量) href原创 2020-12-03 21:46:31 · 481 阅读 · 3 评论 -
6.路径的写法
路径的写法站内资源和站外资源站内资源:当前网站的资源站外资源:非当前网站的资源相对路径和绝对路径相对路径 —— 站内资源绝对路径 —— 站外资源相对路径的书写方式:以"./“开头,”./"表示当前资源所在的目录(所在文件夹)可以书写"./…/"返回上级目录(所在文件夹所在的文件,且./可省略)绝对路径的书写方式:url地址:协议名://主机名:端口名/路径schema://host:port/path协议名:http、https、file主机名:域名、I原创 2020-12-03 21:45:51 · 336 阅读 · 0 评论 -
5.a元素
a元素超链接href属性hyper reference(引用):通常表示跳转地址普通链接(网页地址同事变更)锚链接(本网页的特定位置,只变地址)(元素名[属性名=“属性名”]>{需要显示的内容})*n把具有某属性的内容复制n遍可在()内用+向元素后增加元素,且lorem用于生成乱码,其后直接加数字表示乱码的位数eg:(a[href="#chapterKaTeX parse error: Expected '}', got 'EOF' at end of input: "]&g原创 2020-12-03 21:45:19 · 171 阅读 · 0 评论 -
4.HTML实体
HTMl实体实体字符,HTML Entity实体字符通常用于在页面中显示一些特殊字符&单词;&#数字;-小于符号< <-大于符号>-空格 (一般用CSS)-版权符号©-&符号本身&注:不区分大小写,一般用字母,不用数字...原创 2020-12-03 21:44:26 · 67 阅读 · 0 评论 -
3.文本元素
文本元素HTML5中支持的元素:HTML5元素周期表(百度即可)h标题(head)h1 ~ h6:表示一级标题到6级标题h1*n>{内容}:生成n个内容h∗n>内容:生成n个从1开始增加的<hn>内容</hn>(n<=6)(*n>{内容}:生成n个从1开始增加的<hn>内容</hn>(n<=6)(∗n>内容:生成n个从1开始增加的<hn>内容</hn>(n<=6)(表示从一开始自增原创 2020-12-03 21:43:55 · 59 阅读 · 0 评论 -
2.语义化
语义化什么是语义化每一个HTML元素都有具体的含义a元素:超链接p元素:段落h1元素:一级标题所有元素与展示效果无关元素展示到页面中的效果应该由CSS决定因为浏览器带有默认的CSS样式,所以每个元素都会有默认的样式(没有CSS无法显示元素,所以有默认的CSS格式)重要:选择什么元素,取决于元素的内容,而不是显示出的效果为什么需要语义化为了搜索引擎优化(SEO)搜索引擎:百度、搜狗、Bing(微软)、谷歌每隔一断时间,搜索引擎会从互联网中抓取页面源代码,为了方便搜索引擎阅原创 2020-12-03 21:43:12 · 144 阅读 · 0 评论 -
1.第一个网页
第一个网页Emmet插件:自动生成HTML代码片段 (!+ TAB键)注释注释是为代码的阅读者提供帮助,注释不参与运行在HTML中,注释如下书写<!-- 注释内容 -->元素其他叫法:标签、标记<a href="https://www.bilibili.com/">b站</a>整体:element (元素)元素 = 起始标记(begin tag) + 结束标记(end tag) + 元素内容 +元素属性注:起始标记与结束标记相同,且结束标记只原创 2020-12-03 21:40:56 · 131 阅读 · 0 评论