HTML的概述
html主要内容包括基础语法和常用标签(重点是图片、超链接标签、表格、表单)。
Hyper Text Markup Language-超文本标记语言(就像骨架,需要css加以修饰+js加以操作)
超文本:页面内可以包含非文字元素,如图片、链接、音乐等。
html网页文件-可以使用记事本、写字板、HBuilder、Sublime等编辑工具来编写,以.htm / .html为文件后缀名保存。
基础语法
1.标签 < >
(1)单标签 -无属性的,如<br/>、<hr/> 注:br——换行,hr——水平线
-有属性(如hr的宽度、长度),如<hr width="800" />
(2)双标签 -无属性的,如<title>_</title>
-有属性 (大部分),如<body bgcolor="red">_</body> <font size="7">_</font>
2.整体结构
包含3部分:标记头区<head>......</head> 里边放meta、title(起网页名称)、link(引入css文件)、 script(引入js文件或编写js代码)等
内容区<body>......</body> 里边放想要的显示内容
网页区<html>......</html>
常用标签
常用标签一
块级元素:会自动换行
行内元素:不会自动换行
1.标题 块级元素
H1——H6,依次递减
2.段落(p标签) 块级元素
<p>内容</p>
3.换行(单) <br>或<br/> 例:hello<br>
world
4.水平线 <hr>
常用属性:color、size、width(百分比/px)、align对齐方式
例:
<hr color="red" size="3" width="50%" align=left>
5.列表
(1)有序列表(type:数字/字母/....)
<ol><li></li></ol>
(2)无序列表(type:circle、disc、square)
<ul><li></li></ul>
6.div 层 块级元素
默认占全部宽度,有多少内容高度占
多少。可设置width、height、align。
<div style="width:100px;height:100px">这是一个div</div>
7.span 块 行内元素
不能设置宽高。
8.格式化标签
—font:规定字体风格face、字体颜色color、字体尺寸size
—pre:预格式化,保留原本的格式(如空格,换行符)
  空格符
—b 加粗 i 倾斜 u 下划线 del 中划线 sup上标 sub下标 del 删除线
常用标签二
1.a标签(超链接(一张页面到另一张)用于链接到一个新的URL、做跳转(如回顶部))
href 需要跳转的地址
target 窗口打开方式(默认为_self 当前窗口)
<a href="https://www.baidu.com/" target="_blank">百度</a>
锚点
—a标签的name属性值 <a name="top"></a>
—其他标签的id属性值 <div id="top"></div>
锚点的使用 <a href="#top"></a>
如下:
2.图片 img(网页中嵌入一个图片)
alt:当图片破损或不存在时,显示文本的内容
src:需要引入的图片的地址
alt的用法
(src后的图片不存在)
3.表格
-table 表格
属性:width、border(边框)、align
-td 标准单元格
-th 表头(字体居中、加粗效果)
-tr 行
属性:align(行对齐方式)