html定义:html超文本标记语言.
超文本是什么?链接
标记是什么?标记也叫标签,带尖括号的文本.
标签语法:
双标签:1.成对出现2.<>里面放英文字母(标签名)3.结束标签比开始标签多/
单标签:单独存在,不需要包裹内容.
html基本骨架:网页模板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
html:整个网页
head:网页头部,存放给浏览器看的代码,例如css
body:网页主题,存放给用户看的代码,例如图片文字
title:网页标题
生成骨架方法:在vscode可以用!(英文)+enter(tab)实现。
常见标签:
<strong></strong>:文字加粗标签
<p></p>:段落标签,单独占一行(有换行作用)
<br>:换行标签
<hr>:水平线标签
<strong></strong>:加粗标签
<em></em>:倾斜标签
<ins></ins>:下划线标签
<del></del>:删除线标签
<img src="" alt="">:图像标签 src代表图片位置,
<a href=""></a>:超链接标签,href属性值表示超链接转向的位置.
<audio src=""></audio>:音频标签(属性:1.controls:显示音频控制面板2.loop:循环播放3.autoplay:自动播放
<video src=""></video>:视频标签
列表:布局内容排列整齐的区域
列表分类:无序列表,有序列表,定义列表.
无序列表:ul嵌套li,ul是无序列表,li是列表条目
<ul>
<li>第一</li>
<li>第二</li>
<li>第三</li>
</ul>
有序列表:ol嵌套li,ol是有序列表,li是列表条目。
<ol>
<li></li>
<li></li>
</ol>
表格标签:table里面嵌套tr 有几行就弄几个tr