1、html超文本标记语言
1. 是标记语言,告诉浏览器如何解析html文件
2. 超文本与普通文本的区别
普通的文本:
纯字符
超文本:
图片、链接、音视频...
3. 浏览器会按照从上往下的顺序解析文件
4. 对于语法错误不会打印出来
5. 可以使用.html和.htm作为文件后缀
8、元素属性1) 核心属性
id 唯一标识
title 标题提示
style 样式
class 类名
2) 特有属性
img src 加载的图片的地址
alt 图片无法加载时的文本提示
a href 访问的链接
target 设置打方式
_self 在当前选项卡打开链接
_blank 新建选项卡打开链接
9、html语法1) 在css中的注释 /* 注释 */
在html中的注释
2) 空格
3) 在文档中无论出现多少个空白或者换行,浏览器都解析为一个空白
2.块级元素和行内元素块级元素
div、h1~h5、p、html、body
1) 独占一行空间,不与其他元素共享空间
2) 宽度默认是100%,也就是占满整个屏幕,高度由内容撑开
3) 可以设置宽高
行内元素
span、i、bold、img、a、strong
1) 可以与其他元素共享一行空间
2) 宽度由内容决定
3) 默认情况下不可以设置宽高
(给行内元素设置宽高--先将行内元素设置为块级元素或者是行内块元素,再设置宽高)
如何转换块级元素和行内元素?块转行:
display:inline;
行转块:
display:block;
将元素转换为行级,保留块级特征(宽,高)
display:inline-block;
5、表格table
属性:border、bgcolor、cellspacing、cellpadding、width
thead
tr th
tbody
tr td
合并单元格
跨行合并 rowspan
跨列合并 colspan
6、表单form
作用:用于数据的交互
action 访问接口的地址
method 表单提交的方式
post get put delete
post和get方式的区别?get
1. 会将请求的数据拼接再浏览器的地址栏上
www.baidu.com?name=tom&age=12,不安全
2. 请求数据的大小有限制
post
1. 会将数据放在请求体中,比较安全
2. 对于请求数据的大小一般没有限制
表单组件input
type
text 单行文本框
password 密码框
radio 单选按钮
checkbox 复选框
reset 重置表单
submit 提交表单
file 文件按钮
上传图片、上传附件
文件服务器(图片服务器、文件服务器)
select 下拉菜单
option
textarea
button
label(取值为某一个id,可以将label与具有当前id的表单元素绑定)