前端基础1：HTML常用标签
HTML标签
p标签
- p为段落标签
- 特性：
- 独占一行
h标签
- 标题标签
- 特性：
- 独占一行
- 由大到小
- 加粗
strong\em标签
- 加粗\斜体标签
a标签
- 超链接标签
ol标签
- 有序列表
<ol type="a/Ⅰ/i"><li>列表1</li><li>列表2</li><li>列表...</li>
</ol>
复制代码小技巧: li * 4 + Tab键 alt键 + 光标 (li>a)*6 + Tab键
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
复制代码ul标签
- 无序列表
<ul type="circle"><li>列表1</li><li>列表2</li><li>列表...</li>
</ul>
复制代码div/span标签
- div和span可以充当容器使用
- 作用：
- 1.结构更清晰
- 2.可以实现整体挪动
自定义列表
<dl><dt>表头</dt><dd>表项1</dd><dd>表项2</dd><dd>表项3</dd>
</dl>
复制代码br标签
- 换行标签
img标签
- 添加图片
- src图片路径属性
- alt 图片信息 ##常用html编码集
空格<less than 小于号>great than 大于号
常用快捷键
Ctrl + D 复制一行 Ctrl + X 删除一行 Shift + F6 重命名
独占一行为块元素
table标签
表格
thead标题
- tr 行
- td 列
- tr 行
tbody 主体
- tr 行
- td列
- tr 行
table 属性
- colspan 和 rowspan一定要写在
<td>中 - colspan合并列
- rowspan合并行
- colspan 和 rowspan一定要写在
form表单
- input
- type=“text”文本框
- type=“”文本框
- input
##标签表格
| 标签名 | 标签意义 | 特性 |
|---|---|---|
| p | 段落 | 独占一行 |
| h1-h6 | 标题 | 独占一行，由大到小，加粗 |
| strong | 加粗 | |
| em | 斜体 | |
| b | 行内元素，加粗 | |
| i | 行内元素，斜体 | |
| a | 超链接 | 行内元素，字体颜色不同，有下划线 |
| div | 无意义标签，结构化，绑定化操作 | 独占一行 |
| span | 无意义标签，结构化 | 行内元素 |
| img | 图片 | 行内元素 |
| ol>li | 有序列表 | 独占一行 |
| ul>li | 无序列表 | 独占一行 |
| dl>dt>dd | 自定义列表 | 独占一行 |
| table>thead>tbody>tr>th td | 表格 | |
| form | 表单 | 独占一行 |
| input type：text | 文本框 | 行内元素 |
| input type：password | 密码框 | 行内元素 |
| input type：radio | 单选按钮 | 行内元素 |
| input type：checkbox | 多选按钮 | 行内元素 |
| input type：button | 按钮 | 行内元素 |
| input type：submit | 提交按钮 | 行内元素 |
| input type：reset | 重置按钮 | 行内元素 |
| select | 下拉列表 | 行内元素 |
| textarea | 文本框 | 行内元素 |
转载于:https://juejin.im/post/5b8530d1e51d4538d84b0d91
前端基础1：HTML常用标签相关推荐
- 第一次网页前端培训笔记（Html基础语法和常用标签）
一.什么是HTML HTML 是用来描述网页的一种语言.HTML 是一种在 Web 上使用的通用标记语言.HTML 允许你格式化文本,添加图片,创建链接.输入表单.框架和表格等等,并可将之存为文本文件 ...
- 前端基础-HTML的的标签详解
阅读目录 一.head内常用标签 二. HTML语义化 三. 字符实体 四. h系列标签 五. p标签 六. img标签 七. a标签 八. 列表标签 九. table标签 十. form标签 一. ...
- 【前端基础】表单标签/提交
[前端基础]表单标签/提交 表单标签 1. 表单的介绍 2. 表单相关标签的使用 3. 小结 表单提交 1. 表单属性设置 2. 表单元素属性设置 3. 示例代码 小结 表单标签 学习目标 能够知道表 ...
- 【2022.7.11】HTML基础介绍语法常用标签超文本链接锚点定位
来自2022.7.11 今日学习 一.HTML基础介绍 1.网页 1.1什么是网页 1.2什么是HTML 1.3超文本 1.4网页的形成 2.常用浏览器 2.1常用浏览器 2.2浏览器内核 3.web ...
- 【前端】HTML的常用标签
目录 Html的常用标签: Html的标准结构:(html5结构) 2.dtd约束: html>的文本标签分类:(有开始有结束) 换行标签 超链接作用: 常见协议: 图像标签:img 表格标签: ...
- html入门基础知识及常用标签
一.html简介 html被称为超文本标记语言(简单来说就是比文本更加高级的语言),俗称网页,由内容和标签组合在一起的只能使用浏览器来观看的一种语言.不只是能放文字数字等,还可以放图文声像. html ...
- php基础标签大全,HTML基础之HTML常用标签
HTML是一种用来描述网页的标记性语言.学习HTML可能并不难,主要是要记一些HTML标签和标签代表的含义.下面PHP程序员雷雪松根据使用的情况,整理出平时常用的HTML标签. 1.最基本的HTML结 ...
- 前端基础-html-水平线标签
<!-- 水平线标签 场景:分隔不同主题内容的水平线 代码:<hr> 语义:主题的分割转换 特点:单标签 在页面中显示一条水平线 --> <h1>前段基础</ ...
- html最常用6个标签,1-1-6【HTML基础】HTML常用标签2
题外话:有的时候回头看看,起码有东西留下了 1.音频标签 概述:...,双标签,与图片一样需要src属性设置音频路径.不同之处在于,只写src是不会播放音频,且不会有任何展示的! controls属性 ...
- 前端基础-html-文本格式化标签
<!-- 文本格式化标签的介绍 场景: 需要让文字加粗.下划线.倾斜.删除等效果 代码: b 加粗 strong 加粗 u 下划线 ins 下划 ...
最新文章
- vue 带全选和多选的表格怎么写_vue中使用计算属性巧妙的实现多选框的“全选”...
- 大厂面试常见的几道SQL题，看你能答吗?
- oracle 数据库中数据导出到excel
- c语言函数声明定义参数命名,C语言函数声明与定义
- C++之virtual 方法
- 菜鸟驿站：今年双11期间全国站点将普遍延长营业时间
- 第三方库自动安装脚本（复习）
- java网站开发模式有哪些_第7章JavaWeb常用开发模式.ppt
- loadrunner 字符集与检查点的探讨
- 炖锅的蒸煮鸿蒙煮排骨煮多久能熟,蒸排骨要多长时间会熟?在家高压锅蒸排骨要多久才好...
- OEM/ODM windows 10 源镜像下载
- 微软苏州校招笔试 12月27日 By Java
- 流量矩阵常见的两种估计方法对比
- Android8.1 吉字节问题
- 深挖用户需求，教你4招搞定精准营销
- linux 扩展pam支持第三方认证
- Adobe系列安装问题汇总，遇到这些问题该怎么办
- Docker操作命令示例
- Typora 常用快捷键使用汇总
- 为什么产品经理的工资不能够比程序员高？