html第二日

今天老师的讲课速度还是挺快的,把大部分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>

                                        

                                        

                

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值