HTML总结
HTML是什么?
- HTML是英文HyperText Markup Language的缩写,它的意思是超文本标记语言,用它编写出文档的文件的扩展名是“.html”或“.htm”(微软的操作系统),他是可供浏览器解释浏览的文件格式。你可以使用记事本,写字板或者是专业的IDE如:Dreamweaver等等编辑工具来编写HTML文件。
- HTML标记两端有两个符号“< 和 >”,这两个符号称为角括号。html标签通常是成对出现的,如“”和“”,前一个是开始标记,后面的是结束标记,在开始和结束标记之间的的文本是元素内容。html标记是与大小写无关的,“”和“”所表示的意思的一样的。标记可以拥有自己的属性。属性他能够为页面上的HTML元素提供附加信息。
HTML的文档结构
HTML的文档结构主要由以下三部分组成
1.
标记用于html文件的最前面,用来表示html文件的开始。而的标记则是放在html的最后 面,用来表示html文件的结束,两个标记必须一起使用。
2…
和构成html文件的头部部分,在此标记对之间可以使用
3.
和是html文档的主体部分,在此标记可以包括
,
,,
等等众多的标记,他们所定义的文本,图片等等将会在浏览器的内容部分显示出来。两个标记必须一起使用。
<head> <title>欢迎来到我的博客</title>
<h1>欢迎学习HTML</h1>
title标记
1.
分隔标记
-
常用的分隔标记:
强制断行标记
强制分段标记
空格“ ;
<br>的使用 <html> <head> <title>强制断行标记的使用</title> </head> <body> Hello<br> Word </body> </html> <p>的使用 <html> <head> <title>强制分段标记的使用</title> </head> <body> Hello<p> Word</p> </body> </html> 空格的使用 <html> <head> <title>空格的使用</title> </head> <body> Hello     Word。 </body> </html>
字体的标记
<head> <title>标题标记</title>
<h1>HelloWord</h1> <br> <h2>HelloWord</h2> <br> <h3>HelloWord</h3> <br> <h4>HelloWord</h4> <br> <h5>HelloWord</h5> <br> <h6>HelloWord</h6>
背景标记
- 我个人觉的背景标记就是用来给背景添加颜色图片等一系列方法
例子1: <html> <head><title>背景颜色</title> </head> <body bgcolor="red"> <font size="4" face="黑体" color="red">从左到右分别为字体大小,字体的格式,字体颜色</font> </body> </html> 例子2: <html> <head><title>背景颜色</title> </head> <body background="你所需要添加的.jpg"> <font size="4" face="黑体" color="red">背景图片</font> </body> </html>
标记
-
<img src="boy.jpg" alt="haha" align="left" border="0" height="56px" width="32px"> //从左到又依次为 图片的地址 点击图片显示的信息 图片的位置 边界布局 高度 宽度序列标记
序列标记
1.无序列表< ul>
2.有序列表
3.自定义列表
1.****无序列表** <html> <head> <title>无序列表</title> </head> <ul> <li>姓名:BestLee <li>生日:1998-11-11 <li>星座:天蝎座 </ul> </body> </html> 2.****有序列表** 例子: <html> <head> <title>有序列表</title> </head> <ol> <li>姓名:BestLee <li>生日:1998-11-10 <li>星座:天蝎座 </ol> </body> </html>
表格
表格的结构
1.
...
是用来在html页面上创建表格的。
2.代表列名一般放在第一行
3.代表格的一行。
4.用来定义表格的一列。
在默认情况下,表格是没有边框的,如果想要出现边框,就是用border属性。
表格的合并
<td colspan="" rows=""></td>
input标签
标签的 type分为:
text -文本框
button -按钮
submit-提交
reset-重置
password -密码
checkbox-多选
radio-单选
file -上传文件
date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间(小时和分钟)
datetime - 选取时间、日、月、年(UTC 时间)
datetime-local - 选取时间、日、月、年(本地时间)