5.27笔记

整理的初期常用代码
src   图像路径
alt  图像不能显示时的替代文本
title 鼠标悬停时显示的内容
width  设置图像宽度
height  设置图像高度
border   设置图像边框的宽度
链接标签
<a href = "跳转目标" target = "目标窗口的弹出方式"> 文本或图像 </a>
base标签
base可以设置整体链接的打开状态 可以设置所有的都在新窗口打开 写在 <head> 标签中
如<base target="_blank" />
注释标签
<!--注释语句--> <!-- -->快捷Ctrl+?
无序列表ul
<ul>
    <li>列表</li>
    <li>列表</li>
    <li>列表</li>
    <li>列表</li>
    ........
</ul>
有序列表ol
<ol>
    <li>第一</li>
    <li>第二</li>
    <li>第三</li>
    <li>第四</li>
    ......
</ol>
自定义列表dl
<dl>
    <dt> 名词一 </dt>
    <dd> 名词一解释一 </dd>
    <dd> 名词一解释二 </dd>
    ...
    <dt> 名词二 </dt>
    <dd> 名词二解释一 </dd>
    <dd> 名词二解释二 </dd>
    ...
</dl>

表格
<table>
    <tr>
        <td>单元格内的文字</td>
        ......
    </tr>
    ......
</table>

cellspacing 设置单元格与单元格边框之间的空白距离
cellpadding 设置单元格内容与单元格边框之间的空白距离
width 设置表格宽度   height 设置表格高度
align 设置表格在网页水平对齐方式  left左  center  中间   right 右边

表格的标题: caption
跨行合并: rowspan  跨列合并 : colspan

input控件
type   text单行文本输入框
       password密码输入框
       radio 单选按钮
       checkbox 复选框
        button 普通按钮
        submit 提交按钮
        reset  重置按钮
       image  图像形式的提交按钮
       file  文件域
name  由用户自定义  控件的名称
value  由用户自定义 input控件中的默认文本值
size    正整数  input控件在页面中的显示宽度
checked  checked  定义选择控件中默认被选中的项
maxlength  正整数   控件允许输入的最多字符数

textarea控件(文本域)
<textarea cols="每行中的字符数" rows="显示的行数">文本内容</textarea>

placeholder 占位符
autofocus   input元素自动获得焦点
multiple   多文件上传
required   必填

email 邮箱格式    tel 手机号码格式   url 输入url格式 
number 输入数字格式 search 搜索框   range 自由拖动滑块
time 小时分钟  date  年月日  datetime 时间  month 月年
week 星期 年

下拉菜单
<select>
    <option> 选项1 </option>
    <option> 选项2 </option>
    <option> 选项3 </option>
    ...
</select>

表单域
<form action="url地址" method="提交方式" name="菜单名称">
 各种表单控件
</form>

常用新标签
header : 定义文档的页眉 头部

nav : 定义导航链接的部分

footer : 定义文档或节的页脚 底部

article : 定义文章

section : 定义文档中的节 (section, 区段 )

aside : 定义其所处内容之外的内容 侧边

datalist : 标签定义选项列表 请与 input 元素配合使用该元素

fieldset : 元素可将表单内的相关元素分组 打包与legend 搭配使用
<fieldest>
    <legend>用户登录</legend>
用户名:<input type="text">
  密码:<input type="password">
</fieldest>
 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值