HTML
1.概念:
Hyper Text Markup Language 超文本标记语言
*超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。
*标记语言:
有标签构成的语言。如<html></html>
标签语言不是编程语言。
2.快速入门:
*语法:
1.html文档后缀名.html或.htm
2.标签分为:围堵标签:有开始标签和结束标签
自闭合标签:开始标签和结束标签在一起
3.标签可以嵌套:
4.在开始标签中可以可以定义属性。属性是由键值对构成的,值需要用引号引起来。
5.HTML不区分大小写。
3.标签学习:
1.文件标签:构成html最基本的标签
*html:html的根标签
*head:头标签。用于指定html文档的一些属性。引入外部的资源
<meta charset = "UTF-8">
*title:标题标签
*body:体标签
2.文本标签:和文本有关的标签
注释:<!-- 注释-->
<h1>到<h6>:标题标签
<p>:段落标签
<br>:换行
<hr>:水平线标签
属性:*color:颜色
*width:宽度
*size:高度
*align:对齐方式 left right center
<b>:加粗
<i>:斜体
<font>:字体标签
*属性:
color:颜色
size:大小
face:字体
属性定义:
*color:
1.英文单词:red
2.rgb(值1,值2,值3)值的范围:0~255 如rgb(0,0,255)
3.#值1#值2#值3:值的范围:00~FF之间。如#FF00FF
*width
3.图片标签:<img src="指定图片的位置" align="" alt=""/>
4.列表标签:
有序列表:
*ol
*li
无序列表:
*ul
*li
5.超链接标签:
*<a href="指定访问的路径" target="_blank"></a>:定义一个超链接
6.表格标签:
<table>制作表
*width:表格的宽度
*border:边框
*cellpadding:定义内容与单元格的距离
*bgcolor:背景色
*align:对齐方式
<tr>定义行
*bgcolor:背景色
*align:对齐方式
<td>占一个单元格
*colspan:合并行
*rowspan:合并列
<th>定义表头单元格
<caption>定义表格标题
<thead>表示表格的头部分
<tbody>表示表格的体部分
<tfoot>表示表格的脚部分
7.div和span标签:配合css使用
div:每一个div占满一整行。块级标签
span:文本信息在一行展示,行内标签,内联标签
8.语义化标签:<header> <footer>结合css