html
2023-03-03 16:08:22 9 举报AI智能生成
111
作者其他创作
大纲/内容
HTML标签
语法规范
基本语法概述
HTML标签是由尖括号包围的关键词 <html>
HTML通常是成对出现的称为双标签：<></>
有些特殊的是单标签<br>
HTML基本结构标签
<html></html> 根标签
<head></head> 文档头部标签
<title></title> 文档标题标签
<body></body> 文档主体标签
HTML 常用标签
<ha></ha> a为数字范围在1-6之间
<p></p> 段落标签
<em></em> 强调语气标签
<strong></strong> 内容强调标签
<br> 强制转换标签
<a href="{网址}" >超链接文本</a> 超链接标签
超链接
相对路径
./ 表示当前目录
../表示当前目录的上级目录
./文件名/文件名 表示在当前目录下的文件（可嵌套）
超链接默认是将当前网页覆盖掉转到新的网页
该默认属性为 target="_self"
如果想让超链接不覆盖当前网页并且跳转到其他网页可更改默认值
target="_blank"
如果想让超链接直接回到当前页面的顶部而不是跳转到其他网页上可以更改默认值
<a href="#"> {文本}</a>
如果想到当前网页的某个位置
可以将那一段设置id然后再使用<a href="#{id}">{文本}</a>
在开发时如果超链接代码写好但是跳转的地方没有设置可以暂时使用"javasrciot:;"来进行一个占位
"javasrcipt:;"的超链接使用后不会发生任何事情
<div></div> 块标签
<span></span> 行标签
HTML 实体标签
空格
< 小于号
> 大于号
列表标签
<ul></ul> 表示无序列表
可嵌套<li></li>
<ol></ol> 表示有序列表
可嵌套<li></li>
<dl></dl> 表示自定义列表
可嵌套<dt></dt> <dd></dd>
注释标签
<!-- 内容--> 注释标签内容不会显示在网页中
图片标签
使用<img>可以在当前网页中引用图片
<img src=" 路径”>
可以引用已经下载的内部图片
可以直接引用外部图片但是最好不要用因为一般需要获得授权才可以引用外部图片
<img>元素在块元素和行元素之间是替换元素
alt="{文本}" 表示图片的描述 因为有些浏览器显示不出来图片这时浏览器会显示{文本}中的内容并且设置以后在搜索引擎中可以找到该图片反之则没有
高度和宽度
如果高度和只修改了一个那么图片会按照比例缩放
高度和宽度的单位都是像素
一般来说pc端不会设置高度和宽度而移动端会经常设置高度和宽度而且是把大图缩小不会把小图放大
width="{大小}" 表示设置宽度
heighth="{高度}" 表示设置高度
属性
id
id表示唯一 可以将内容设置成唯一的
设置id是一般都是用字母且字母大小写影响id 大小写不同id也不同 一个网页中不会存在两个相同id
如果在编程中有设置了两个相同id 那么在上面设置的id生效 下面的设置的id不生效
内联框架
概念
在当前页面中插入一个其他页面
标签
<iframe src="{页面网址}"></iframe>
在src后添加高度（wigth）宽度（heighth）来设置大小
还可以添加framebroder来设置有无边框0为没有边框反之则由边框
音频
概念
在该页面引用一个音频文件
标签
<audio src="{音频文件}"></audio>
默认情况下在该页面不会允许用户控制播放
属性
control
允许用户自己控制音频播放
autoplay
让音乐在该页面自动播放但是大部分浏览器第一次打开页面时不会自动播放
loop
音乐结束后开始循环
有一部分浏览器不兼容audio标签
如果要解决的话可以在audio标签里面添加一个 source标签
例如<sudio><source> </sudio>
<source src="{音频文件}">
如果有些浏览器不支持MP3文件的话可以在audio里面再加一条source标签并且将音频文件后缀改为."ogg"
这样如果浏览器支持第一条MP3则会优先使用MP3不持支MP3的话会使用.ogg的音频
如果还是不兼容的话可以添加<embed>标签
<embed>
<embed src="{文件}" type= "{文件类型（audio）（video）/（文件后缀）}">
两个文件为相同的文件这是为了确保稳定性
<embed>是一个会自动播放的标签
<embed>最好指定大小不然在某些浏览器中显示不正常例如ie8
视频
概念
在该页面中引用一个视频文件
标签
<video>{视频文件}</video>
除了在<source>中将一个视频后缀改为webm其他与音频内容一样
块元素和行元素的关系
块元素可以嵌套行元素
块元素可以嵌套块元素
行元素不能嵌套块元素
行元素可以嵌套行元素
到这一步这样所由的浏览器都会支持
0 条评论
下一页
