HTML

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 提交方式,所有的内容不会显示在地址栏,比较安全,长度没有限制。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值