HTML
一、HTML概述
HTML概述：
HTML：Hyper Text Markup Language 超文本标记语言。（HTML不属于编程语言）
超文本：比普通文本功能更加强大，可以添加各种的样式。
标记语言：通过一组标签，来对内容进行描述。格式：<关键字>【</关键字>】，由浏览器来解释进行的。
二、HTML结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
2.1HTML语法规范
1.< !DOCTYPE html>:文档声明：主要用来告诉浏览器，这个文档是HTML5的文档
2.html：根标签。en:表示英文，zh：表示中文
3.html文件主要包含了两部分，头部分和体部分。
头部分：主要是用来放置一些页面信息。
体部分：主要来放置我们HTML页面内容。
4.通过标签来对内容进行描述，标签通常都是由开始标签和结束标签组成。在开始的时候我们就要成对去写。
5.标签不区分大小写的，但是官方建议使用小写。
2.1.1 标题
<h1></h2>：表示标题标签，<h1>是最大的标题，<h6>是最小的标题。
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
运行结果：
2.1.2 段落
<p></p>：表示段落，html的段落都是写在这个标签里的。在<p>标签里加上换行和空格，在网页中都不会显示的要加上换行标签和 这个空格标识符才可以显示空格。
2.1.3图片属性
img标签：
width：宽度
height：高度
src：指定文件路径
alt：图片加载失败时的提示内容
用法如下：
<img src="images/1.jpg" width="1500px" height="300px" alt="加载图片失败"/>
2.2文件路径
./ 代表是当前路径
…/ 代表的是上一级的路径
…/…/ 上上一级的路径
绝对路径-网络路径：
1.图片的路径全名
2.网络图片的全路径https://www.baidu.com/img/bd_logo1.png?qua=high //百度的标志
2.3扩展内容
- 点击链接进行跳转：
a超链接标签： - 常用的属性：
href：指定要跳转去的链接地址
如果是网络地址需要加上http协议
如果访问的是本站的html文件，可以直接写文件路径。
target：以什么方式打开。
_self：默认打开方式，在当前窗口打开。
_blank：新启一个标签页打开页面。
用法如下：
<a href="http://www.baihe.com/?Channel=baidu-pp&Code=350002-001" target="_blank">百合网</a>
2.4表格标签
- 表格标签table(不建议用来做布局)
常用的属性：
bgcolor：背景颜色
width：宽度
height：高度
align：对齐方式
tr标签 行 只能包含td 或者th
td标签 单元格 注意：单元格才是真正放东西的标签
- 合并单元格：
colspan：跨列合并
rowspan：跨行合并
注意：跨行或者跨列操作之后，被占掉的格子需要删除掉
表格的嵌套：
在td中可以嵌套一个table
扫一扫
1084
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
