HTML笔记

Html

Html结构
<html>
	<head>
	<title>	</title>
	</head>
	<body>
	</body>
</html>

html结构解释:
<html></html>:用来显示页面信息
<head></head>:设置网页和其他信息
<body></body>:设计文件格式内文所在
<title></title>:显示头部信息

常见标签的使用

标题标签:<h1></h1> --> <h6></h6>(显示字幕越来越小)
文字粗体标签:<b>
文字斜体标签:<i>
下划线标签:<u>
换行标签:<br>
段落标签:<p>
字体标签:<font color=”” size=”” face=””></font>

  • color:用来设置字体的颜色
  • size:设置字体的大小,取值范围是1-7
  • face:设置字体的样式
    水平分割线:<hr>
html特殊字符
符号键盘代码表示方式
 空格&nbsp;
<小于号&lt;
>大于号&gt;
&和号&amp;
引号&quot;
撇号&spos;
html文字列表标签:
  • 有序列表:

        		属性:	start  从?开始,默认是1
        		type  A, a, I, i, 1 默认是1
      

    子标签:<li></li>

    • 无序列表:<ul></ul>
      属性: type 空心圆circle, 实心圆disc, 实心方块square, 默认是disc
      子标签: <li></li>

    • 自定义列表:dl

        	字标签:dt(定义语)
        	dd(定义说明)
      
    • 图片标签:<img>

        	属性:	src  图片的位置
        	height 高度
        	width 宽度
        	alt 当图片不显示的时候,给出的提示
        	title 将鼠标放在图片上给出的提示
      
    • 超链接标签:<a>

        	属性: 	href 提示链接的地址
        	target 打开方式 _blank在一个新的页面打开链接
      

    锚链接:

    		例如:	定义锚点:```<a name=”锚点名”></a>```
    		使用锚点:```<a href=”#锚点名”>返回***</a>```
    
    • 表格标签:<table></table>

        	属性:	border 表格的边框 默认是0
        	width 表格的宽度
        	height 表格的高度
        	align 水平位置 left, center, right
        	子标签:caption 表格的标题
      
    • tr 表格的行标签

        	子标签:th 标题列标签,加粗并居中
        	td 每一行的列标签,单元格,默认是居左
        	表格边框设置: 	border 表格的外边框粗细
        	cellspacing 表格的内边框粗细,单元格之间的间距
        	cellpadding 设置文字到单元格的距离
        	表格相关颜色的设置:	bordercolor 边框颜色
        	bgcolor 背景颜色
        	表格的内容的位置设置:align 文字的水平位置 left, center, right
        	valign 文字的垂直位置 top, middle, bottom
        	表格中单元格的合并: 	colspan 列合并
        	rowspan 行合并
      
    • Html中表单

        	表单标签:```<form></form>```
        	属性: 	action 表单提交的目的地
        	Method 表单提交的方式 post, get
      
    • 子标签 <input>

        	属性: type 表单元素的类型,默认是文本框类型(text)
      
    • 文本框:

        	type="text" 表示这是一个文本框
        	name="username" 将来用于服务器取值使用 
        	id="username" 将来用于js获取值使用
        	size="40" 用于控制文本框的长度,后面的值表示的是:能存储的字符的个数
        	value="请在这里输入用户名" 是文本框的默认值,一般用于提示。
        	readonly="readonly" 是标记属性,告诉文本框我是只读的。本身没有值,
        						但是为了符合新的规范,属性必须有值,所以,
        						我们就把它的值和属性设置为一样的。可以通过表单提								交获得到值
        	disabled=”disabled” 把当前文本框变成灰色,不能修改只能看,不能通过表单							 来获得到值的
      
    • 隐藏域:type=”hidden”, 要设置name和value

    • 密码框:

        	type="password" 表示这是一个密码框
        	name="password" 将来用于服务器取值使用 
        	id="password" 将来用于js获取值使用
        	size="40" 用于控制密码框的长度
        	value="admin" 默认密码
        	readonly="readonly" 是标记属性
      
    • 单选框:

        	type="radio" 表示这是一个单选框
        	name="sex" 将来用于服务器取值使用
        	 注意:如果多个单选按钮时互斥关系,那么,就必须把这多个按钮看做一个按钮组。一个按钮组的名字必须是一致的。
        	id="man" 将来用于js获取值使用
        	value="男" 将来服务器真正获取到的值
        	checked="checked" 是标记属性,表示已经选中
      
    • 复选框:

        	type="checkbox" 表示这是一个复选框
        	name="likes" 将来用于服务器取值使用
        	
        	注意:这里的name如果不一样,那么,有多少个复选框,将来服务器就要获取多少次值。然后判断值是否是null,不是null才把值给存储起来。如果这里的name值一样,在服务器只需要获取一次即可,这次获取的返回值是一个 字符串数组,把所有选中的都直接包含了。
        	
        	string getValue(String name) 根据名字获取单个值
        	string[] getValues(String name) 根据名字获取数组
        	
        	id="sleep" 将来用于js获取值使用
        	value="睡觉" 将来服务器真正获取到的值
        	checked="checked" 是标记属性(是默认选中)			
      
    • 文件框:
      type=“file” 表示这是一个文件框
      name=“file” 将来用于服务器取值使用
      id=“file” 将来用于js获取值使用

    • 按钮:

        	type="button" 表示这是一个按钮
        	type="submit" 表示这是一个提交按钮,内置了js事件 
        	type="reset" 表示这是一个重置按钮,内置了js事件
        	value:表示按钮上面的信息,给用户看的
        	name:后台也是可以拿到的
        	注意:
        	下拉框和文本域不是input的type属性能够决定的。select 标签
        	name="province" 将来用于服务器取值使用 
        	id="province" 将来用于js获取值使用
        	(子标签)|--option 标签
        	value="湖北省" 服务器实际获取的值
        	selected="selected" 默认选中项
        	multiple:把select标签展开,可以多选
        	size="6":设置select展开的行数
      
    • textarea 标签

        		 cols="40" 列数
        		 rows="10" 行数
        		 name="myself" 将来用于服务器取值使用 
        		 id="myself" 将来用于js获取值使用
        		不具有value的属性,值写在元素中间
      
    • html框架集(body和框架集标签不能同时使用)

        	框架集标签:frameset
        	属性:	row 行分割
        	cols 列分割
        	字标签: frame
        	属性:	src 指定要嵌入的页面
        	noresize=”noresize”可以阻止border拖拽
        	name 用来指定展示的内容所在的frame
      
    • 2
      点赞
    • 1
      收藏
      觉得还不错? 一键收藏
    • 0
      评论
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

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

    抵扣说明:

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

    余额充值