1.什么是HTML?
HTML:Hyper Text Markup Language:超文本标记语言。
超文本:功能比普通文本更加强大
标记语言:使用一组标签对内容进行描述的语言,它不是编程语言
2.HTML语法和规范
HTML 文件都是以.html 或者.htm 结尾的,建议使用.html 结尾!
Html 文件分为头部分<head></head>和体部分<body></body>。
Html 标签都是由开始标签和结束标签组成(<hr />)。
Html 标签忽略大小写,建议使用小写。
3.HTML文本标签
3.1标题标签
从<h1>到<h6>主键变小(加粗加黑显示)
3.2水平线标签
<hr />
3.3段落标签
<p>段落标签</p>
3.4字体标签
<font 属性=值>内容</font>
color:设置字体的颜色,可使用英文单词或者 16 进制
size:设置字体的大小,从 1 到 7 逐渐变大,最大显示为 7
face:设置字体
3.5图片标签
<img/>标签的 src 属性。
当前目录:直接写文件名称或者./文件名称
上一级目录:../文件名称
下一级:目录名称/文件名称
width:设置图片的宽度
height:设置图片的高度
alt:当图片无法正常显示的时候给出的提示信息,它的显示效果与浏览器有关
3.6列表标签
有序列表:<ol type=”1” start=”4”><li></li></ol>
无序列表:<ul type=”circle”><li></li></ul>
3.7超链接标签
<a href=”http://www.baidu.com” target=”_self、_blank”>百度</a>
3.8框架标签
<frameset rows=”30%,*”>
<frame src=”” />
<frameset cols=”20%,80%”>
<frame src=”” />
<frame name=”” /><!--name的属性值必须是超链接的 target 属性值。-->
</frameset>
</frameset>
3.9表单标签
表单标签:所有需要提交到服务器端的表单项必须使用括起来!
form 标签属性:
action,整个表单提交的位置(可以是一个页面,也可以是一个后台 java 代码)
method,表单提交的方式(get/post/delete……等 7 种)
文本输入项
<input type="text" name="" size="" maxlenght="" readonly="readonly" placehoder=""/>
其中maxlength:规定输入字段中的字符的最大长度。
readonly:规定输入字段为只读。
placehoder:规定帮助用户填写输入字段的提示。
密码输入项
<input type="password" name=""/>
单选按钮
<input type="radio" name="" value="" checked="checked"/>
其中checked:规定此 input 元素首次加载时应当被选中。
多选按钮
<input type="checkbox" name="" value="" checked="" />
下拉列表
<select name="">
<option value="" selected="selected">北京</option>
<option>上海</option>
</select>
文件上传项
<input type="file" name=""/>
文件输入域
<textarea name=""></textarea>
提交按钮
<input type="submit" value="提交"/>
普通按钮
<input type="button" value="按钮"/>
重置按钮
<input type="reset" value="重置"/>
隐藏项
<input type="hidden" name=""/>
用于用户比较敏感的一些信息
面试题
Get 与 post 提交方式的区别?【默认提交方式为 get】
Get 提交方式,所有的内容显示在地址栏,不够安全,长度有限制。
Post 提交方式,所有的内容不会显示在地址栏,比较安全,长度没有限制。