html第二节复习html，新学习了属性，表单，表格

最新推荐文章于 2022-10-08 14:21:24 发布

乘风。。。追梦

最新推荐文章于 2022-10-08 14:21:24 发布

阅读量160

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/stylefashon/article/details/98483443

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

html 超文本标记语言
c 编译型语言
.c文件编译成 .o文件然后运行
.java 文件编译成 .class文件然后运行
js/php
解释性语言
互联网
广域网、局域网
ip地址动态
mac地址静态
url
http://ip:port/path
语法
xml - html

元素
开始标签
子元素/内容
结束标签
属性
(属性名=属性值属性名=属性值)
核心属性
绝大多数元素都可以添加的属性
id, 唯一标识
class,标识一类元素
title,描述信息
style，样式
特有属性
某一些元素才可以添加的属性
a
href
target
img
src图片地址
alt图片找不到时填充
拓展属性
data-xxx
块元素
搭建页面框架 box
特性：
独占一行空间
默认宽父元素的100%，默认高由子元素或内容决定
可以指定宽高
元素：
div
h1~h3
margin,font-size,font-weight
p
margin
html
body
margin
ol,ul
margin,padding,list-style
li
dl
margin
dt
dd
margin

案例

     <!DOCTYPE html>
    <html lang="en">
  	<head>
    	<meta charset="UTF-8">
		<title>css的应用</title>
	</head>
	<body>
		<div  style="width:200px; height:200px;
		border-radius: 50%;background: pink;
		color: #ffffff;text-align: center;">
				你好，css
		</div>
		<div>
				你好html
		</div>
	</body>
	</html>

h5新增的语义化标签(样式与div类似)
header

nav

footer
address
article
section
aside
行内元素
填充，装饰
特性：
多个行内元素共享一行空间
默认宽高都由内容决定
不可以指定宽高
行内元素中不可以嵌套块元素
元素
span 无意义的行内元素
a 超级链接(默认事件) open link
href="" 跳转的路径
锚点
url
http://ip:port/path
相对路径
./1-box.html
绝对路径
d://briup/2htmlcss/day02/1-box.html
mailto
打开邮件系统
img 图片
src
与a标签中href属性类似
url
相对路径
决定路径
地图(自行拓展)
像素信息
alt
图片找不到的时候的文本替换
装饰类型行内元素(逐步淘汰)
strong
b
em
i
del
sub/sup
…
2. 元素使用策略
总体策略：先使用块元素搭建页面框架，再使用行内元素填充页面。
列表性质用 ul,ol,dl
标题性质用 h1~h3
段落 p
不知道用什么的时候使用div
3. 功能性标签
表格（展示数据列表）
table
属性：width border cellspacing cellspading
caption 标题
thead 表头
属性: align
tr
td/th
tbody 表体
tr
td
属性： rowspan 跨列
colspan 跨行
cellpadding 设定单元格和单元格之间的距离
cellspacing 设定单元格和单元格之间的距离
tfoot 表底
注意：
表格中每一行的列在计算后列数应该相等
表单（获取用户输入）
注意：
1. 所有的表单元素,都必须添加name属性
input
2. 不可输入但是可以选择的表单元素，一定要添加value值；可输入的表单元素的value为用户输入的值

		<form action="http://192.168.0.100:8080/sms/register.action" type="" enctype="">
		</form>

form的属性
action 后台接口地址
type http协议请求方式
get 参数拼接在浏览器的地址栏 url?k=v&k=v
请求报文格式：

						GET 	/sms/register.action?name=terry&password=123
						Content-size:12
						user-agent:mac safari

post 参数放到请求报文请求体中进行传递
请求报文格式：

						GET 	/sms/register.action
						Content-size:12
						user-agent:mac safari

						name=terry&password=123
		<input type="text" name="name">
		name terry
		passwd 123321
		---传递后台【约定，协议】--->

查询字符串：

			enctype:'application/x-www-form-urlencoded'
			username=terry&passwd=123321&gender=1&status=1

js编程
json

				'{"username":"terry","password":123321}'
			xml
				<data>
					<username>terry</username>
					<passwd>123321</passwd>
				</data>

乘风。。。追梦

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

html第二节 复习html， 新学习了属性，表单，表格

html第二节复习html，新学习了属性，表单，表格