1、HTML的概述及作用:
HTML全称为HyperText Markup Language,译为超文本标记语言,不是一种编程语言,是一种描述性的标记语言,用于描述超文本中内容的显示方式。比如字体什么颜色,大小等。
Html就是超文本标记语言的简写,是最基础的网页语言。
Html是通过标签来定义的语言,代码都是由标签所组成。
2、HTML的基本格式:
<html>
<head>
放置一些属性信息或者辅助性的信息
<title></title>
引入外部的文件
会先加载
</head>
<body>
真正存放数据内容的地方
其他的标签
</body>
</html>
head:头标记,放置关于此html文件的信息,如提供索引,定义css等。
title:标题标记,包含在head标记内,它的作用是设定网页的标题。
body:主体标记,网页所需要显示的内容都放在这个标记内。
3、HTML的注意事项:
1.一般的标签都有开始和结束,如果只有单一的功能,可以在标签内部结束。
2.改变属性,达到好的显示效果
3.属性值可以使用双引号,单引号,或者不用引号,一般采用双引号,或者根据公司的规范。
4、HTML的标签
1.排版标签
1)换行标签 <br/> (用的比较少)(2)水平线 <hr/>
(3)空格:
(4)段落标签(用的相对较多)<p></p>
<div></div>
<span></span>
2.字体标签
(1)<font></font>(重要的)3.标题的标签(用的比较少)
h1></h1>...
4.图片标签(重要*****)
5.超链接的标签(重要*****)
<a>文本内容</a>
属性:href="指定链接的资源的地址"
注意:如果链接网络资源,需要协议写上。如果没有协议,默认file文件协议。
注意:如果浏览器可以解析的文件,直接就打开了。
如果浏览器不可以解析的文件,弹出下载窗口。
自定义的协议
如果浏览器解析不了的协议,会找操作系统上的应用程序。
点击超链接浏览器做的事情:
1)启动相对应的协议引擎。
2)解析协议后面的具体内容。
3)如果跟的是一个主机地址。先查找本机hosts文件列表。是否可以找到该主机对应ip。
如果没有找到,会找本机指定的后者本机默认的DNS服务器。去解析该主机。
4)获取到该ip后,在连接该指定ip的主机,并获取所需的资源。
6.表格标签(*****)
(1)
<table>
<tr>:代表表格的行
属性:align:文字的对齐方式
<td>:单元格
属性:width:宽度
height:高度
单位为像素,也可以是百分比。
合并单元格:
行合并:rowspan="2"
列合并:colspan="2"
</td>
</tr>
</table>
7.表单标签(重要**********)
(1)<form>:封装表单的范围。
属性: action="请求提交的路径" 如果没有定义action属性,那么默认提交到当前页面
method="表单的提交方式"
* 面试题:表单的提交方式有哪些?
* 答:表单的提交方式有很多,常用的有两种,get和post。
get和post提交方式的区别:
get方式提交时,会把数据显示在地址栏上。
post方式不会。
get方式提交时,安全级别较低。
post方式安全级别较高。
get方式提交时,数据大小有限制。
post方式不会。
综上所述:以后在进行表单 提交时:建议使用post提交。
(2)输入项的表单组件<input />
非常重要的属性:type,根据type值的不同,提供了不同的输入项的组件。
例如:<input type="text" />
type=text 文本输入框
type=password 密码输入框
type=radio 单选按钮
提供了属性name(name的值是相同的)
默认被选中的:checked=checked或者true
type=checkbox 多选按钮
默认被选中的:checked=checked或者true
type=file 文件的选择框 后期扩展内容,会自动生成一个文本框,和一个浏览按钮。
type=hidden 隐藏组件 在页面上不显示,但在提交的时候随其他内容一起提交。
type=button 按钮(史上最难看的)
type=image 和提交按钮是相同的作用。
type=reset 重置 将表单中填写的内容设置为初始值。
type=submit 提交数据
(3)选择框
<select name="city">
<option value="bj">北京</option>
<option value="sh">上海</option>
</select>
(4)文本域 如个人信息描述
<textarea rows="" cols=""></textarea>
</form>
8.框架标签(用的比较少)
<frameset></frameset>
5.HTML中多媒体文件的使用
(1)多媒体文件的链接
单击<a href="zxmzf.mp3">最炫名族风</a><br />
单击<a href="jw.wmv">最炫名族风</a>
(2)多媒体文件的嵌入
<embed src="zxmzf.mp3" width="300" height="300" autostart="true" loop="true"></embed> <embed src="jw.wmv" width="300" height="300" autostart="true" loop="true"></embed>
src:指定嵌入多媒体文件的名称
width:播放器的宽度
height:播放器的高度
autostart:是否自动播放。默认为no
loop:设置播放次数。为true时,无限制的重复播放。直到离开此网页或者单击停止。
(3)在网页中加入背景音乐
<bgsound src="zxmzf.mp3" loop="-1" />
Loop 播放次数,0或1都为播放一次,-1循环播放