HTML<HBuilder X>

一:网页基本标签元素

 HTML常用标签(HTML不是一种编程语言,而是一种标记语言):





文档标题

 

文档内容......

 

HTML<HBuilder X>_第1张图片

  特殊符号(空格)

段落标签

换行标签

水平线标签
粗体标签

标题标签
斜体标签
> 大于号>
< 小于号<
" 引号“
© 版权符号@
超链接
href 跳转到那个页面
target 选择是新开页面还是初始页面

二:图像标签

HTML<HBuilder X>_第2张图片



	
		
		
	
	
		
		没有加载出来
	

HTML<HBuilder X>_第3张图片 

HTML<HBuilder X>_第4张图片 

 三:HTML列表

 有序列表

		
  1. 北京
  2. 上海
  3. 杭州
  4. 深圳

 无序列表

		
		
  • 北京
  • 上海
  • 杭州
  • 深圳

 定义列表

		
		
吉林省
长春市
吉林市
四平市
辽宁省
沈阳市
盘锦市

 HTML<HBuilder X>_第5张图片

 四:表单

type 功能
text 单行文本输入
password 密码
radio 单选
checkbox 多选
reset 重置表单数据
file 文件上传
submit 提交表单数据
hidden 隐藏域
button 普通按钮

 



	
		
		
	
	
		
		
名字:
姓氏:
登录名:(可包含a-z,0-9)
密码:(至少包含6个字符)
再次输入密码:
电子邮箱:
性别:
爱好:运动 聊天 玩游戏
户籍地:
自我介绍:
选择文件:

 HTML<HBuilder X>_第6张图片

其他表单元素



表单的高级用法:

 只读属性

readonly:希望某个框内的内容只允许用户看,不能修改

禁用属性

disabled:因没达到使用条件,限制用户使用

 五:表格:

 cellspacing 单元格之间的距离
cellpadding 字和边框之间距离

 HTML<HBuilder X>_第7张图片

属性名 功能
width/height 表格的宽/高,单位可以为像素(px)或%
border

默认为表格边框为0(无边框),可设置数值

cellspacing 控制单元格之间的间距,可设置为数值
cellpadding 控制单元格边框和其内容的间距,可设置为初值
align 设置文本的水平对齐方式,left,right,center
valign 设置文本的竖直对其方式,top,middle,bottom
bgcolor 设置颜色

表格高级标签:

HTML<HBuilder X>_第8张图片

表头
表格标题
页眉
数据主题
页脚


	
		
		
	
	
		
年终数据报表
月份 收入
1月份 100
2月份 80
3月份 300
平均月收入 197.6
总计 1180

HTML<HBuilder X>_第9张图片

 



	
		
		
	
	
		
学生成绩
张三 语文 98
数学 95
李四 语文 88
数学 91

HTML<HBuilder X>_第10张图片

 



	
		
		
	
	
		

这是一个小狗的iframe框架

你可能感兴趣的:(网页设计,html)