HTML5基础知识学习笔记

1.1HTML5基础标签:
head:头标签，一般会将一些网页的基本配置和文件引用在head中设置；
body:内容标签，里面是整个网页要展示内容部分；
1.2HTML5标题:
h1…h6等,后面跟的数字越大，对应的标题的字体大小就越小；
1.3HTML5段落
p标签表示段落，在p标签中可以编写文字段落；
1.4HTML5连接
a标签表示连接，可以在里面设置点击之后跳转到其他url；
1.5HTML5图像
img标签表示图像标签，可以通过其设置图片展示；
1.6HTML5换行标签
br标签表示换行，使用它时最后带上“/”,因为这样更规范。

2.HTML5元素简介

元素：从开始标签到结束标签的所有代码，元素是可以进行嵌套的，正是这个属性可以是网页可以形成百变的组合效果。

3.HTML属性

可以通过设置属性为元素提供更多的属性，属性以键值对的形式存在
eg：href=“xxxxx”

常用的标签属性:
h1标题标签: align：设置对齐方式
body标签: bgcolor：设置整个body背景颜色
a标签: target：指定在何处打开连接

通用属性:
-class:规定元素的类名
-id：规定元素的唯一id
-style：规定元素的样式
-title：规定元素的额外信息

4.HTML格式化

常用格式化标签:
-b标签： 定义粗体字
-big标签：定义大号字
-em标签：定义着重文字
-i标签：定义斜体文字
-small标签：定义小号字
-strong标签：定义加重语气
-sub标签：定义下标字
-sup标签：定义上标字
-ins标签：定义插入字
-del标签：定义删除字

5.HTML样式

三种样式表插入方式：

-外部样式表:
<link rel =”stylesheet” type=”text/css” href=https://www.linuxidc.com/”mystyle.css”>
-内部样式表：
<style type=”text/css”>
body{background-color ;red}
p{margin-left:20px}
</style>
-内联样式表：
<p sytle =”color:red”>

6.HTML链接

href属性：指向另一个文档的链接，页面外的跳转
name属性：创建文档内的链接，页面内的跳转
eg：
<a name=”tips” > 待跳转的位置</a>
<a href=”#tips”>开始跳转的位置</a>

7.HTML表格

标签
<table> : 定义表格
<caption> : 定义表格标题
<th> : 定义表格的表头
<tr>: 定义表格的行
<td>: 定义表格的单元
<thread> : 定义表格的页眉
<tbody> : 定义表格的主体
<tfoot> : 定义表格的页脚
<col> : 定义表格的列属性
几种表格
最简单的表格：
<table border=”1”>
<tr>
<td>表格1</td>
<td>表格2</td>
<td>表格3</td>
</tr>
<tr>
<td>表格1</td>
<td>表格2</td>
<td>表格3</td>
</tr>
</table>
带表头的表格：
<table border=”1”>
<tr>
<th>单元</th>
<th>单元</th>
<th>单元</th>
</tr>
<tr>
<td>表格1</td>
<td>表格2</td>
<td>表格3</td>
</tr>
<tr>
<td>表格1</td>
<td>表格2</td>
<td>表格3</td>
</tr>
</table>
带标题的表格：
<table border=”1”>
<caption>重要表格</caption>
<tr>
<th>单元</th>
<th>单元</th>
<th>单元</th>
</tr>
<tr>
<td>表格1</td>
<td>表格2</td>
<td>表格3</td>
</tr>
<tr>
<td>表格1</td>
<td>表格2</td>
<td>表格3</td>
</tr>
</table>
表格内的标签：
<table border=”1”>
<caption>重要表格</caption>
<tr>
<th>单元</th>
<th>单元</th>
</tr>
<tr>
<td>表格1</td>
<td>表格2</td>
</tr>
<tr>
<td>
<ul>
<li>菠萝</li>
<li>菠萝</li>
<li>菠萝</li>
</ul>
</td>
<td>我想吃了</td>
</tr>
</table>
单元格间距设置表格： <table border=”1” cellspacing=”10”>
单元格边距设置表格：<table border=”1” cellpadding=”10”>
表格背景色，表格背景图片设置：
背景图片： <table border=”1” background=”images/Desert.jpg”>
背景颜色: <table border=”1” bgcolor=”aqua”>

8.HTML列表的使用