HTML5

最新推荐文章于 2024-09-28 22:57:04 发布

miaoyu2022

最新推荐文章于 2024-09-28 22:57:04 发布

阅读量82

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/weixin_46728035/article/details/115287504

版权

HTML学习：

1. html 超文本标记语言

1）文本  中、英文
  		超文本 视频、音频、图片...
2) 浏览器解析html文件的顺序
    	从上往下，并且页面中元素的位置与该元素在html文件中的位置保持一致
3) html出现语法错误时，浏览器或者编辑器不会报错
4) html文件可以使用 .html或.htm文件名后缀

2. 前期准备

1) B/S架构
2) HTTP 【超文本传输协议】
  请求/响应模式
    请求
      请求头 - 浏览器缓存机制、设置token【令牌】登录
      请求行 - 请求方式【post、get】、请求地址
      请求体 - 携带给服务器的数据
    响应
      响应头 - 暂无
      响应行 - 状态码 200 401 404...
      响应体 - 服务器返回给浏览器的数据/结果
      
  浏览器
        HTTP
  服务器
3) URL【统一资源定位符】
  同源策略
    协议 + 域名/IP + 端口
    http://47.93.255.92:8080
    https://baidu.com:80
    https://baidu.com:8099
  跨域拦截
    不安全
    1. 协议相同，端口相同，但是域名不同
      https://baidu.com:80
      https://baidu2.com:80
    2. 协议不同，其他相同
      http://baidu.com:80
      https://baidu.com:80
    3. 端口号不同，其他相同
      https://baidu.com:8099
      https://baidu.com:80

3. html语法

1) html文件结构 参考1-hello.html
2) 标签
  开始标签 <html>
  内容  文本、非文本、标签
  结束标签 </html>
3) 属性
  使用在开始标签内部
  <div class=''>hello html</div>
  class 类名
  id    唯一标识
  title 标题 光标放入元素上之后显示标题
  style 样式 css3中设置内联样式
4) 元素分类 
  1. 块级元素
    1. 独占一行空间，默认宽度占满当前屏幕/父元素
    2. 可以设置宽高
    3. 可以嵌套其他标签【块级、行内】
    div h1~h5 ul li...
  2. 行内元素
    span a i b...
    1. 可以与其他元素共享一行空间
    2. 不可以设置宽高
    3. 不可以嵌套其他块级元素
    
  注意：这些特点都是当前元素默认的，也就是说后期可以通过css将元素设置为其他分类

table表格

1.表头	thead
		一行	tr
		一列	th
2.表体	tbody
		一行	tr
		一列	td
3.表尾	tfoot
4.属性
		键值对 键名=“键值”
		width 宽度
		height 高度
		birder 边框
		cellspacing 单元格之间的距离
		cellpadding 单元格边框与内容的距离
		colspan 列合并
		cowspan 行合并

表单form

1.属性
	1)action 将数据提交给后台的地址
	2)method 提交表单的方式
			post 
			get
	3)enctype 表单提交的数据的格式
			查询字符串
				key1=value1&key2=value2...
			json字符串
				'{"key1":"value1","key2":"value2"}'
			文件上传
				图片、视频、文档...
	4)target 响应数据打开的方式
			_blank
			_self
2.控件
		input
		button
		select