前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML知识框架 二

HTML知识框架 二

作者头像
默默的成长
发布2022-11-02 14:43:15
2K0
发布2022-11-02 14:43:15
举报
文章被收录于专栏:前端记录笔记

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第20天,点击查看活动详情 >>

HTML知识框架

标签

列表标签
  • 无序列表 ul
代码语言:javascript
复制
```html
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ul>
  • 有序列表 ol
代码语言:javascript
复制
```html
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ol>

注意:

代码语言:javascript
复制
1. <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
2. <li>与</li>之间相当于一个容器,可以容纳所有元素。
3. 无序列表会带有自己样式属性,放下那个样式,一会让CSS来!
自定义列表
代码语言:javascript
复制
```html
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>

表格

表格结构
  1. table用于定义一个表格
  2. tr 用于定义表格中的一行,必须嵌套在 table标签中,在 table中包含几对 tr,就有几行表格。
  3. td /td:用于定义表格中的单元格,必须嵌套在标签中,一对 中包含几对,就表示该行中有多少列(或多少个单 元格)。
代码语言:javascript
复制
html
<table>
<tr>
<td>单元格内的文字</td>
...
</tr>
...
</table>
表头标签

表格的标题:<caption>

合并单元格
  1. 跨行合并:rowspan
  2. 跨列合并:colspan
  3. 合并的顺序 先上 先左总结
  4. 表格提供了HTML 中定义表格式数据的方法。
  5. 表格中由行中的单元格组成。
  6. 表格中没有列元素,列的个数取决于行的单元格个数。
  7. 表格不要纠结于外观,那是CSS 的作用。

html骨架

  1. HTML标签:作用所有HTML中标签的一个根节点
  2. link head标签作用:用于存放title,meta,base,style,script,
  3. title标签:让页面拥有一个属于自己的标题。
  4. .body标签:页面在的主体部分,用于存放所有的HTML标签: p,h,a,b,u,i,s,em,del,ins,strong,img
代码语言:javascript
复制
html
<HTML>
<head>
<title></title>
</head>数字值的输入字段
</body>
</HTML>

HTML 表单

文本输入:

  1. text 定义常规文本输入
  2. number数字值的输入字段
  3. radio 定义单选按钮输入(选择多个选择之一)
  4. submit 定义提交按钮(提交表单) 文本输出:password     单选按钮输:定义单选按钮。
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-08-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • HTML知识框架
    • 标签
      • 表格
        • html骨架
          • HTML 表单
          相关产品与服务
          容器服务
          腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档