一、什么是HTML
HTML:是Hyper Text Markup Language(超级文本标记语言)的缩写,HTML不是一种程序,只是一种控制网页中数据显示的标识语言。
二、HTML的基本结构
HTML由一组标签组成。
HTML的基本结构
<!--编辑你的HTML-->
HTML在浏览器中运行。
HTML是纯文本文件,所以可以使用任何一款文本编辑器编辑。
三、常用的HTML标签
块级标签:
-
占满一行,可以设置宽,高
行级标签: 只占用自己的大小,不可以设置宽,高。
行内块标签: 只占用自己的大小,但可以设置宽,高。
换行标签:
空格:$nbsp
标签
a标签的一些常用属性:href、title、target、name(锚记时用)
链接显示的文本 _blank在新窗口中打开,_self在自己的窗口中打开
中还可以嵌套图片,这样就是点击图片打开链接
<a href="www.baidu.com">
<img src="aaa.jpg" />
</a>
2.列表与表格标签
无序列表标签
- 。
格式:
ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点 默认会在css初始化的时候用:list-style: none;
type设置标号的类型,值可以取:
1 disc :实心圆点
2 circle :空心圆点
3 square :实心方块
有序列表的每项都有连续的编号。
格式**:**
type设置标号的类型,值可以取:
1:显示数字
A:显示大写字母
a:显示小写字母
I:显示大写罗马数字
i:显示小写罗马数字
start取值:数字
嵌套列表:一个列表作为另一个列表的一部分,即多层列表。
HTML中的表格通过
、、、 四个标签完成。 (现在用的很少了,基本都用现成的表格UI组件) cellspacing、cellpadding 在tale便签上写,清除单元格之间的空隙和单元格内的填充
rowspan、colspan 在td单元格内写,合并单元格的行和列
四、常用的HTML标签
1.链接:,链接的目的地在href属性指定
<a href="address">this is a link</a>
2.图片:img,源文件(src),替换文件(alt)(在无法显示时打开),宽度和高度
<img src="address" alt="imgname" width="100" height="142">
3.图片为链接:href为要链接到的地址,src为图片地址,alt为名称
<a href="default.asp"> <img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0;"> </a>
五、属性attribute
lang="",语言
title,鼠标指到有显示
Attribute Description alt Specifies an alternative text for an image, when the image cannot be displayed disabled Specifies that an input element should be disabled href Specifies the URL (web address) for a link id Specifies a unique id for an element src Specifies the URL (web address) for an image style Specifies an inline CSS style for an element title Specifies extra information about an element (displayed as a tool tip)