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