html学习记录

WEB的组成部分：HTML结构、CSS表现、JS行为

标签学习

image.png image.png image.png image.png

定义列表
dl means definition list 自定义列表结构
dt means def term 定义主题/术语
dd means def description 解释内容
dl内部只能存放dt和dd，dt和dd为同级关系

表格：table>tr>td/th
caption：表格的名字，thead：表格的头部 tr>th，tbody：表格主题 tr>td
单元格合并
rowspan：上下跨行合并 colspan：左右跨行合并，属性值是数字

image.png

表单元素：给用户输入/点击的控件

1. Forrm表单
   Form是容器级标签，内部可存放可输入的控件，如果输入的表单需要提交到数据，所有控件要被form包裹
   Method：方法，数据提交的方法，属性值：post，get
   Action：数据提交的位置
2. Input输入标签的一种，但不仅仅只有输入框，通过type属性，可以扩展多功能
   Input的type值非常丰富
   2.1 输入框
   输入框有两个重要属性，一个是value，一个是placeholder
   Value：默认显示的内容，属性值为自定义内容
   Placeholder：属性作用是如果没有value的时候 提示用户的文字占位符
   Eg：
   username:<input type="text"placeholder="please input">

2.2 密码框
password:<input type="password"placeholder="please input">
2.3 单选按钮
互斥，type=radio，name=sex
2.4 复选框
Typee=checkbox，checked=checked表示默认选中
Label 扩大文字的触发范围
2.5 文本域
标签：textera，属性值rows和col
Input只能单行输入，所以需要文本域
Textera是个双标签，文本级标签
Textera可以缩放，若不希望缩放，style=resize：none
2.6 下拉菜单
需要一组标签进行制作，分别是select，option，默认选择要么是第一个，要么用selected=selected

image.png image.png

div和span
他们都是常用的布局标签，div分割跨度大跨度，span小区域小跨度
作用是用来分割页面的布局，div指的是跨度布局分割，span是文字分割
Html+css又叫做div+css，主要作用是进行网页的拆分，没有明确的意义