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>  文本域

相关推荐