HTML标签
HTML标签
<meta charset="UTF-8"> 指定UTF-8编码格式
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 适应于屏幕,手机\移动端\电脑等
文本标签
标题标签
<h1>H1标题标签h1>
<h2>H2标题标签h2>
<h3>H3标题标签h3>
<h4>H4标题标签h4>
<h5>H5标题标签h5>
<h6>H6标题标签h6>
h1到h6字体加黑,从大到小,每个标题标签的独占一行.
<u>u下划线标签u>
<b>b加粗标签b>
<i>i斜体标签i>
<strong>strong强调加粗strong><br>
<em>em强调斜体em><br>
<cite>清明上河图cite>是我国十大传世名画之一
cite标签代表引用
水分子: H<sub>2sub>O<br/> sub代表下标
2<sup>4sup> = 16 sup代表上标
<del>del删除线del>
strong和b标签之间的区别
当我们使用搜索引擎的时候,通常会有一些比较重要的字,我们就可以用强调来提高搜索优化
- b标签只是视觉上的加粗
- strong 不仅仅加粗,还能告诉搜索引擎这个字比较重要
HTML格式化标签
<hr/> 分隔符
<p> p> 换段
无序列表和有序列表
你的爱好
<ul>
<li>看书li>
<li>上网li>
<li>爬山li>
<li>唱歌li>
ul>
<ol>
<li>看书li>
<li>上网li>
<li>爬山li>
<li>唱歌li>
ol>
我们也可以设置ul的属性:比如无序变为圆圈的 <ul type="circle">
有序变为ABCD <ol type="A">
<div>aaaaadiv>
<div>bbbbbdiv>
<span>ccccspan>
<span>ddddspan>
是块级元素,可以设置长宽边距等,css来对这些元素进行格式化.
…相当于一张白纸,我们可以任意的设置它,可以使用CSS对它定义样式,或者使用JS对它进行操作.
HTML图像标签
HTML图片img标签
- src主要时存放路径,可以是本地,也可以是引用网站路径.
- alt是图片加载失败,提示信息
- title是把鼠标放到图片上,会有一个提示信息
- width我设置的时候,设置了宽度,就不要去设置高度会失真.或者以比例设置
HTML超链接标签
<h1>HTML实列-超链接a标签h1>
<a href="#mv">猫猫猫a>
<a href="https://www.baidu.com" title="百度链接">百度a><br/>
<a href="https://www.baidu.com" target="_blank">百度1a><br/>
<a href="./c.html">图片链接a>
<a id="mv">a>
<h4>猫猫h4>
<img src="./img/mao.jpg" width="100%"/><br/><br/>
HTML表格标签
HTML实列---表格标签
学生信息表
学号
姓名
年龄
班级
1001
张三
20
t201班
1002
张三
20
1003
张三
20
1003
张三
30
t031班
## HTML表单标签
```html
Document
HTML表单标签: form input select textarea
HTML框架标签
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documenttitle>
head>
<body>
<h1>HTML框架标签: iframeh1>
<ul>
<li><a href="f.html" target="myframe">表单标签实列a>li>
<li><a href="e.html" target="myframe">表单标签实列a>li>
<li><a href="c.html" target="myframe">图片标签实列a>li>
ul>
<iframe src="f.html" name="myframe" frameborder="1" width="80%" height="500" >iframe>
body>
html>
新增布局标签：
多媒体标签
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documenttitle>
head>
<body>
<h1>HTML多媒体标签h1>
<audio src="./img/beidahuang.mp3" controls="controls">
你的浏览器不支持音频标签
audio>
<br/>
<audio controls>
<source src="./img/beidahuang.mp3" type="audio/mpeg"/>
audio>
<br/><br/>
<video src="./img/fun.mp4" controls="controls" width="400" height="400">
你的浏览器不支持视频标签
video>
<br/><br/>
<video controls="controls" width="400" height="400" poster="./img/mao.jpg">
<source src="./img/fun.mp4" type="video/mp4" />
你的浏览器不支持视频标签
video>
<br/><br/>
<embed src="./img/haowan.swf" width="300" height="400"/>
body>
html>