html学习
查阅文档 网址 https://www.w3school.com.cn/index.html
https://developer.mozilla.org/zh-CN/
加粗 <strong></strong> 或者<b></b>
倾斜 <em></em>或者<i></i>
删除线 <del></del>或者<s></s>
下划线 <ins></ins>或者<u></u>
大盒子独占一行 <div></div >
小盒子可以多个在一行 <span></span>
图像标签 <img src="图像url" alt= “图像显示不出来显示此文字” title=“鼠标在图片上提示的文字” width="宽度" heigth="heigth" border="边框"/>
超链接 <a href="跳转目标” target=“目标窗口的弹出方式></a> _self为默认值,_blank为在新窗口中打开
表格标签 <table></table>
<tr></tr> 定义表格中的行,必须嵌套在<table></table>标签中
<td></td> 用于定义表格中的单元格,必须嵌套在<tr></tr>标签中
<th></th> 表头单元格标签,一般位于表格的第一行或者第一列
表格标签属性 align 规定表格相对周围元素的对齐方式 属性值 left,center,right
border 规定表格是否拥有边框,默认为“”,表示没有边框 属性值 1或“”
cellpadding 规定单元边沿其内容之间的空白,默认像素为1 属性值 像素值
cellspacing 规定单元格之间的空白,默认像素为2 属性值 像数值
width 规定表格的宽度 属性值 像数值或百分比
表格结构标签 <thead></thead> 表格的头部区域,内部必须有<tr>标签,一般位于第一行
<tbody></tbody> 表格的主体区域,主要放数据本体
表格合并方法 找到目标单元格,写上合并方式<td colspan="合并数量“></td>(跨列合并),<td rowspan="合并数量“></td>(跨行合并),删掉多余单元格
无序列表 <ul><li>列表项</li><li>列表项</li><li>列表项</li><li>列表项</li></ul>
有序列表 <ol><li>列表项</li><li>列表项</li><li>列表项</li><li>列表项</li></ol>
自定义列表 <dl><dt>名词</dt><dd>名词解释</dd><dd>名词解释</dd><dd>名词解释</dd><dd>名词解释</dd><dd>名词解释</dd></dt>
表单域 <from action="url地址" method="提交方式" name=”表单域名称“>各种表单元素控件</from>
<input type="属性值" name=“表单元素名称,单选按钮必须有相同名字才能实现多选一” value="规定input元素的值" checked=“属性值为check,规定此input元素首次加载时应当被选中” maxlength=“属性值为一个正整数,规定输入字段中的字符的最大长度”/ > type属性值 botton 定义可点击按钮(多数情况下,用于通过JavaScript启动脚本)
checkbox 定义复选框
date 日期选择器,你只能从日历中选择某个日期
week 选择的就不是一个日期了,而是周
month 选择的是月份,跟“date”类型比起来少了后面的日子数
time 最简单的一种显示,没有日历,只能选择时间
datetime 既显示日期组件,又显示时间组件
datetime-local 本地日期时间
file 定义输入字段和“浏览”按钮,供文件上传
hidden 定义隐藏的输入字段
image 定义图像形式的提交按钮
password 定义密码字段。该字段中的字符被掩码
radio 定义单选按钮
reset 定义重置按钮会清除表单中所有数据。
submit 定义提交按钮会把表单中数据发送到服务器
text 定义单行的输入字段,用户可在其中输入文本,默认宽度为20个字符
<lable></lable> <lable>标签为input元素定义标注,用于绑定一个表单元素,当点击<lable>标签内的文本时,浏览器会自动将焦点(光标)转到或者选址对应的表单元素上增加用户体验 注:<lable>标签的for属性应当与相关元素的id属性相同
<select></select> <select><option>选项1</option><option>选项2</option><option>选项3</option>...</select> 注·:<select>中至少包含一对<option>,在<option>中定义select=“select”时,当前项即为默认选中项
<textarea></textarea> 文本域
相关推荐
表格的现在还是较为常用的一种标签,但不是用来布局,常见处理、显示表格式数据。在HTML网页中,要想创建表格,就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...