HTML5--裸体回顾

免责声明:本文仅做分享~

详情请参考以下:

HTML 系列教程 (w3school.com.cn)

菜鸟教程 - 学的不仅是技术,更是梦想!


--本文是光秃秃的空壳.

标题标签


段落标签


换行和水平线


文本格式化标签

(一般用左边的,强调作用)


图像标签


超链接标签


音频


视频


列表

无序列表

ul

有序列表

ol

定义列表

dl dt dd


表格

table

在网页中,表格默认没有边框线,使用 border 属性可以为表格添加边框线。

表格结构标签

用表格结构标签把内容划分区域,让表格结构更清晰,语义更清晰。

---让浏览器看的更清晰,人看不会有差距。

(实际都省略了)

html 复制代码
  <table border="1">
    <thead>
      <tr>
        <th>姓名</th>
        <th>语文</th>
        <th>数学</th>
        <th>英语</th>
        <th>总分</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th>张三</th>
        <td>80</td>
        <td>90</td>
        <td>85</td>
        <td>265</td>
      </tr>
      <tr>
        <td>李四</td>
        <td>80</td>
        <td>75</td>
        <td>85</td>
        <td>230</td>
      </tr>
      <tr>
        <td>王五</td>
        <td>90</td>
        <td>85</td>
        <td>95</td>
        <td>330</td>
      </tr>
    <tfoot>
      <tr>
        <td>总结</td>
        <td>第一</td>
        <td>第二</td>
        <td>第三</td>
        <td>全班第一</td>
      </tr>
    </tfoot>
    </tbody>
  </table>

合并单元格

将多个单元格合并成一个单元格,以合并同类信息。

(保留最左侧和最上侧的那个单元格再进行合并)

跨行合并,保留最上单元格,添加属性 rowspan (属性值的取值为数字)

跨列合并,保留最左单元格,添加属性 colspan

<td rowspan="2">100</td>

<td colspan="2">100</td>


表单

input标签

input 标签 type 属性值不同,则功能不同。


input 标签占位文本

placeholder

占位文本:提示信息,文本框和密码框都可以使用。


下拉菜单

select 嵌套 option,select 是下拉菜单整体,option是下拉菜单的每一项。

默认显示第一项,selected属性实现默认选中功能。


文本域

作用:多行输入文本的表单控件。


label标签

网页中,某个标签的说明文本。

用 label 标签绑定文字和表单控件的关系,增大表单控件的点击范围。

写法一:

label 标签只包裹内容,不包裹表单控件

设置 label 标签的 for 属性值 和表单控件的 id 属性值相同。

写法二:label标签里直接嵌套其他标签。

提示:支持 label 标签增大点击范围的表单控件:文本框、密码框、上传文件、单选框、多选框、下拉菜单、文本域等等。


按钮

button

按钮需配合 form 标签(表单区域)才能实现对应的功能!!!


无语义的布局标签

div

span


有语义的布局标签


字符实体

空格&nbsp;

换行&lt;br&gt;

小于号&lt;

大于号&gt;

斜线&frasl;


相关推荐
大炮走火21 小时前
iOS在制作framework时,oc与swift混编的流程及坑点!
开发语言·ios·swift
毕设十刻21 小时前
基于Vue的鲜花销售系统33n62(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
她说彩礼65万21 小时前
C# 容器实例生命周期
开发语言·c#
IT_陈寒1 天前
Spring Boot 3.2震撼发布:5个必知的新特性让你开发效率提升50%
前端·人工智能·后端
San30.1 天前
JavaScript 深度解析:从 map 陷阱到字符串奥秘
开发语言·javascript·ecmascript
拾忆,想起1 天前
Dubbo异步调用实战指南:提升微服务并发性能
java·服务器·网络协议·微服务·云原生·架构·dubbo
初遇你时动了情1 天前
前端使用TensorFlow.js reactjs调用本地模型 实现图像、文本、音频/声音、视频相关识别
前端·javascript·tensorflow
广州华水科技1 天前
单北斗GNSS变形监测系统安装与应用解析,提升位移监测精度
前端
J***Q2921 天前
前端微前端框架原理,qiankun源码分析
前端·前端框架
十一.3661 天前
66-69 原型对象,toString(),垃圾回收
开发语言·javascript·原型模式