Html(HyperText Mark-up Language)是一种超文本的标记语言,主要依托于http的超文本传输协议,html 是W3C组织开发的一门语言,html是最简单的一种编程语言,没有逻辑结构,主要包含tag一些标记。
html 如果想要实现一些交互、逻辑功能等,我们需要使用javaScript等脚本语言来实现功能。
在做网站开发的时候,我们更多的是使用css+div模式来制作。
html的语句写法也很简单,各种标记我们使用<>所包围,标记名与小于号之间不能有空格,参数必须写在启始的标记中,结束标记我们只需用</标记名称>来结束就可以。html语言不区分大小写。
html的基本架构主要为:
<html>
<head>
<title>标题</title>
</head>
<body>
网页的主体部分
</body>
</html>
<head></head>标签我们一般会放一些文件的整体资讯、概要信息,这个是不会在浏览器中显示出来。头部只许一下标签存在:<base><><link><meta><title><style><script>
<base>标签主要适用于规定所有链接的基准URL,浏览器会对body中的所有链接默认都会在前面填入这个基准URL。
<link>标签主要用于定义当前文档与Web集合中其他文档的关系。
<meta>标签主要用于定于有关页面的原信息。例如:
<meta name="Description" content="this is html">
这时对网页的描述。
<meta name="Keyword" contenet="html,htm">
这是对网页关键字的描述,用于搜索。
<meta http-equiv="content-Type" content="text/html;charset="gb2312">
这是文档的编码做的描述。
html中的排版标记:<!-- 注解-->:html语言中的注释语言。
<p>为段落标记,留一个空白行,不需要</p>作为结尾,属于围堵标记。
<br>为换行标记。
<hr>为水平线,其中的属性包括:align size width color 以及 noshade(是否有阴影)。
<center> 居中标记。有些浏览器不支持table标记中的align=“center”标记,所以这个还是很常用的。
<pre> 预设格式标记 令文件按照原始码的排列方式显示。(其实就是按照html编辑时候的格式,不会去掉空格)。
字体标记中可以分为逻辑标记和实体标记,这里的实体标记是不依赖于浏览器的,而逻辑标记是会随着浏览器的不同而发生效果改变的。多个实体标记可以有效的标示同一字句。
实体标记有:<I> <B> <U> 逻辑标记有<strong> <em> <var>等。
<u> 加底线的标记。<strike> 加删除线的标记。<sub> 为下标字 <sup>为上标字
<h1>到<h6>为标题标记,<h1>为大标题 <h6>为小标题。
<font> 以及<basefont> 这两个参数都是负责设定文字的大小、字形、颜色。<basefont> 定义在<head>头部,对整个全局的文字都会受影响。<font> 主要定义在<body>内,负责文件内的字体。
清单标记: <ol> 为顺序清单标记 <li>为标示清单项目。<ol>中 的属性包括 type 以及start type属性主要用来定义标示清单的数字、字母等。
<ol type="A" start="A">
<li>I
<li>love
<li>china
</ol>
<ul>为无序清单 属性type 包括 square(方形) disc(实心圆 默认) circle (空心圆)。
<dl><dt><dd>称为定义清单标记。
表格标记:这时在html中格式布局,比较重要,而且用的也很多,需注意。
<table><tr>(表格列 row)<td>(表格行 cell)
table 属性中 比较难记得 :cellspacing: 表格线的厚度 cellpadding 文字与格线的距离。
align 表格摆放的水平文字 valign 表格摆放的垂直位置。(top middle bottom)
<tr>的属性和table 差不多。基本上都有 width height align bgcolor 等。
<td>的属性中 有两个比较特殊,需特别记忆:colspan 向右打通的栏数 rowspan 向下打通的栏数 。
<th> 和<td>标示一个存储格。唯一不同的是 th 标记的文字以粗体出现,所以一般都是作为表格的第一行出现。
<caption> 的作用 为表格的一个标题列。在表格的第一行和最后都可以。
表单标记:
<form> <input> <select><opiton><textarea>
<form> 表单中的属性只有两个:action 表单通常和CGI配合使用,所以action 用于指导CGI程式的位置。method传送的方式,一般默认的为get 但是我们使用post 更安全,而且传送的数据量足够大。get 方法只能传送小于1K的内容。
<input> 中可以存放的种类:
text 文本框 :属性 name value align size maxlength
radio 单选按钮(注意,定义的按钮名字要一致,否则达不到单选的效果)name value alignchecked(默认此选择)
checkbox 多选按钮 (确认盒) name value align checked
password 密码
submit 传送建 name value align
reset 重置键 name value align
image 图片按键 name align src
file 传输文件 (上传文件):name align size maxlength accept
hidden 隐藏传输 输入方式为隐藏的。会随着表单一起提交给CGI,比如可以产生会员号码等。 name value
button按键: name value 一般配合javaScript 使用。
<select> 卷动标记 每一项用<option>标示。name size (卷动选单的列数) multiple 可以多项选择。
<textarea> 表单的文字区块 name cols 块的宽度 rows 块的列数
<a> 链接标记:
href:链接的目标 name
traget: 所要显示的视窗,可选值为:_blank(target="new") _parent _self _top 还可以之间target="窗体名称"。
框架标记:这个使用的也非常广泛。
<frameset> <frame> <iframe>
framset: 框架标记,可以设定窗口如何分割。cols 垂直切割画面 rows 水平切割。frameborder(0 表示不要边框,1表示需要) border 边框厚度 framespacing 框架与框架间保留的距离。
frame:定义参数; src name scrolling 是否要显示卷轴(yes no auto) noresize 设定不让使用者改变这个框的大小。
noframes 如果有些浏览器不支持框架 ,那么需要这个标示这个信息。<noframes><body>不支持框架</body></noframes>
<iframe> 只可以用于IE浏览器 在一个网页中插入一个框来显示内容、src name align width scrolling
多媒体标记:<bgsound> 插入背景音乐 src
<embed>插入视频:src autostart loop(是否反复播放)