今天老师的讲课速度还是挺快的,把大部分html内容都讲了一遍,明天就要 放假了,迎来五一,在这里整理下笔记。巩固下自己吧。
今天主要讲了四大块。分别是html 的文档结构、列表、表格、表单
1html文档声明还是用到<!DOCTPE HTML>
网页结构<html>标签下跟随<head>标签(网页头部)<body>标签(网页主体)
2列表:分为有序列表<ol> 和无序列表<ul> 都要跟随<li>标签
列表的属性:有序列表 start="4"; 代表列表编号的起始值 ,默认为1
type="1" 代表编号的类型,默认为阿拉伯数字 类型有五种:1/a/A/i/I
无序列表:type="disc"实心圆,为默认值 还有三种:circle空心圆 square方块 none没有标识
列表可以互相嵌套
定义列表 :常用来给一类事物做解释用的
<dl
<dt><dt>这里写要解释的名词
<dd><dd>这里写解释的内容
</dl>
3.表格 <table>
tr行标签 td行标签中的每一个单元格
caption标签:表格的标题 thead表格的头部 tbody表格的主体 th行/列的标题,显示加粗
表格的属性:border=""设置外边框 bordercolor=""设置边框颜色 bgcolor=""设置表格背景颜色 align=""表格水平对齐方式 width=""表格的宽度 height=""表格的高度 单位为px
tr标签的属性:bgcolor=""背景颜色 align=""设置行内内容的水平对齐方式 valign=""设置垂直内容的对齐方式 top靠上/center居中/bottom靠下
不规则表格:表格的单元格可以合并
colspan="n"跨列,从当前单元格开始,包括本身向右合并n个单元格
rowspan="n"跨列,从当前单元格开始,包括本身向下合并n个单元格
注意!!!被合并的单元格需要删除
4.表单 提供了一些可视化的输入控件,自动收集整理用户的信息,提交给服务器
<form></form>
可以添加的属性action 服务器响应的地址 method=“get”发送请求的方式
enctype=""指定表单的编码格式。默认为:application /x-www-form-urlencoded可以传递任意字符(不包括文件) text/plain 允许传递普通字符(= & *^ ……这些是特殊字符)
multipart/form-data 可以传递任意字符和文件
input元素 type="text" 文本类型 type=“password”密码类型
属性:maxlength=5设置输入的最大长度
placeholder=""提示输入的文本
name=“”为控件起名字,form提交的时候必须要写
value="" 初始值,不写也会默认存在,为空字符串
按钮:type="submit"提交按钮 type="reset"重置按钮
type="buttom"普通按钮,通常配合js使用
type="radio"单选按钮 type="checkbox"多选按钮 (必须要添加name属性。可以为控件起名和分组,同时也可以实现单选效果 value必须要写 ,否则提交的就是on,check表示当前默认值)
文件上传 type="file" 适用前提:method="post" enctype="multipart/form-data"
数字控件:<input type="number" name="num" max="20" min="10" step="3">
max最大值 min最小值 step步长,一次变化的量
多行文本域<textarea></txtarea>
可以添加属性:col=""宽度 row=""高度
下拉选择框<select></select>
<select>
<option></option>
</select>
提交的时候,如果设置了option的value 值,提交的是value的值,没有设 置返回的是option之间的文本
multiple可以多选 selected表示该选项默认被选中
关联标签<label>用于进行form中文本和控件的关联
<label for="要关联的控件的id值"><./label>