html标签浅析

已于 2022-03-09 10:59:54 修改
阅读量142 收藏
点赞数 2
分类专栏： web前端总结 文章标签： html css 前端
于 2022-03-09 10:58:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NXBBC/article/details/123371737
版权

1.HTML的基本部分组成：文件声明标签<!DOCTYPE html>、html标签对<html></html>、head标签对<head></head>、body标签对<body></body>

2.介绍几种特殊文字修饰标签

  • <b><strong>文字加粗标签
  • <i><cite><em>文字斜体标签
  • <sup>上标标签
  • <sub>下标标签
  • <big>大字号标签
  • <small>小字号标签
  • <s>删除线标签：等效于css中的“text -decoration:line-through”
  • <u>下划线标签:：等效于css中的“text -decoration:underline”
  • <hr/>水平线标签

3.列表标签：

  • <ol  type="">有序列表,type定义编号样式

  • <ul  type=””>无序列表

  • <dl>定义列表

4.表格标签:<table>

  • <caption>表格标题
  • <th>表头
  • <tr>表格行
  • <td rowspan="n"/colspan="m">表格单元格，rowspan表示合并n行，colspan表示合并m列
  • 表格语义化：引入<thead>表头、<tbody>表身、<tfoot>表脚

5.图像标签<img>属性：

  • src：图像源文件位置
  • alt设置图像描述消息，当图片未加载出来时就显示alt信息（给搜索引擎）
  • title：显示图片信息（给用户）

6.超链接<a>

  • target属性定义目的网页的打开方式。

_self

当前窗口打开目的网页（默认）

_blank

新窗口打开目的网页

_top

顶部框架中打开

_parent

当前框架的上一层打开

  • 锚头链接<a href=”#id01”>，其中id01是对应标签或组件的id名称，可实现点击链接滚动到相应的模块

7.form标签

8.input标签

9.select标签：下拉菜单，和<option>联用

  • Multiple属性：默认单选，当Multiple=” Multiple”，可进行多选
  • Size属性：定义下拉列表展开后可见选项的数目

10.embed多媒体标签（带有播放等按钮），用于插入音频到网页中。

  • 背景音乐

  • Flash插入：语法和前面一样

11.iframe浮动框架

  • scrolling属性：

auto

表单整体左对齐

yes

总是显示滚动条

no

不显示滚动条

星光宇辰
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML浅析——audio标签以及audio标签
weixin_52283867的博客
05-20 2225
基础 audio 标签用来向页面引入一个外部音频文件 音视频文件引入时，默认情况下不允许用户自己控制播放停止 属性： src：指定要引入的音视频的路径，这个是必须写 controls：是否允许用户控制播放 不用赋值 如果声明了该属性，浏览器将提供一个包含声音，播放进度，播放暂停的控制面板，让用户可以控制音频的播放 autoplay：音频文件是否自动播放 如果设置了autoplay，则音乐在打开页面时会自动播放 但是目前来讲大部分浏览器都不会自动对音乐进行播放 loop 控制音乐是否循环 <au
浅析HTML5中header标签的用法
01-19
标签定义文档的页眉，通常是一些引导和导航信息。它不局限于写在网页头部，也可以写在网页内容里面。在新的标准中header标签定义如下： A group of introductory or navigational aids.”基本意思是“一组介绍性的护...
HTML浅析—img标签
weixin_52283867的博客
05-20 1159
基础 首先初识几个概念： 使用img标签来引入外部照片，img标签是一个自结束标签 img这种元素属于替换元素（基于块和行内元素之间，具有两种元素的特点） 图片的格式： jpeg（jpg）：支持的颜色比较丰富，不支持透明效果，不支持动图 一般用来显示照片 gif：支持的颜色比较少，支持简单透明，支持动图 一般用来显示颜色单一的图片，动图 png：支持的颜色比较丰富，支持复杂透明，不支持动图 专为网页而生 webp：谷歌推出的专门用来表示网页中的图片的一种格式 它具备其他图片格式的优点，而且文件还
HTML浅析—form标签
weixin_52283867的博客
05-20 118
form标签 简单了解 HTML form 元素表示文档中的一个区域，此区域包含交互控件，用于向 Web 服务器提交信息。 这个标签在后面作一些用户账号登录注册的页面时会用到，也是一个十分重要的标签。 属性 这里主要讲的是关于提交表单的属性 action属性 这个属性是必须写的，作用是提交表单时，向何处发送表单数据，值是URL，即网址，也可以空着 method属性 可选择值有get、post，是用来设置表单以何种方式发送到表单页面，这里的get，post我感觉是跟接口有关了，在用AJAX的时候接触过，现在
HTML浅析一input标签
weixin_52283867的博客
05-21 197
input标签 前言 首先我在前面一篇文章介绍了form标签，而现在要讲的input需要写在form标签里面才能真正发挥作用，没看过的小伙伴可以看一下： form标签的简单应用 正题 首先先简单介绍下这个标签 input 标签规定了用户可以在其中输入数据的输入字段，输入字段可通过多种方式改变，取决于 type 属性。 注意：input 元素是空的,它只包含标签属性。 属性 type属性（这个可以说是最重要的） ...
浅析HTML
qq_53555672的博客
10-19 438
HTML面试题整理以及一些自我理解
HTML浅析---table标签
weixin_52283867的博客
05-21 116
前言 这个我没怎么用过，大家了解一下就行，后面如果要用到再回来看看也是可以的。 正题 一 在现实生活中，我们经常需要使用表格来显示一些格式化数据 我们可以通过table标签来创建一个表格 在table中使用tr表示表格中的一行，有几个tr就有几行 用td表示一个单元格，有几个td就有几个单元格 其中th标签中的内容默认以粗体、居中的方式显示 !! colspan 横向的合并单元格 rowspan 纵向的合并单元格 例子如下： // 值得注意的是一般不推荐使用table标签的属性来设置边距宽度等等 //
html所有标签总结,html 标签总结
weixin_39901571的博客
06-25 104
标签，短文本引用 例如“聪明秀出为之英，胆略过人为之雄。”标签，长文本引用标签的解析是缩进样式。没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有、和。标签，添加水平横线在浏览器中的默认样式线条比较粗，颜色为灰色标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。 斜体当代码为一行代码时，你就可以使用标签了如果是多行代码，可以使用标签。 标签的主要...
浅析HTML标签语义化
It's my princess
03-16 1063
最近天气大好...整个人都感觉神清气爽的。难得跟朋友出去溜达溜达，最后话题还是谈到了html+css上面了，大家都不是什么高手，也就算是交流意见，算不得什么点拨。他把他的Pad给我让我看他写的代码，我发现了一个问题。过分的使用div标签，一眼看过去，全都是div块，其实我很多地方都看到说，div是一个无语义标签。个人觉得DIV用来布点局什么的就行了，广泛使用会降低浏览器对你的页面的解析。所以我们最
HTML与CSS浅析
z1766042975的博客
02-09 126
HTMLweb概念概述HTML web概念概述 Javaweb 使用Java语言开发基于互联网的项目 软件架构 C/S:Client/Server 客户端/服务器端 在用户本地有一个客户端程序,在远程有一个服务器端程序 如:QQ,迅雷,王者荣耀… 优点:用户体验好 缺点:开发 安装 部署 维护麻烦 B/S:Browser/Server 浏览器/服务器端 只需要一个浏览器,用户通过不同的网址(URL),客户访问不同的服务器端程序 优点:开发 安装 部署 维护 简单 缺点:如果应用过大用户体验
浅析html input 等值改变添加监听事件
09-28
下面小编就为大家带来一篇浅析html input 等值改变添加监听事件。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧
浅析移动设备HTML5页面布局
12-13
我们结合移动设备（手机和平板电脑）的特性，介绍HTML5中新增的语义化标签元素，以及在移动Web浏览器下Web页面布局的知识及例子。 在HTML5标准添加的新元素中，用于常见页面结 构的包括header footer footer nav ...
浅析HTML5中的download属性使用
01-19
随着前端技术的发展，越来越多的业务场景中需要前端来...download 是 HTML5 中 <a> 标签新增的一个属性，此属性会强制触发下载操作，指示浏览器下载 URL 而不是导航到它，并提示用户将其保存为本地文件，例如： <a>d
HTML跨年烟花
最新发布
兔子王
06-04 4270
学会了这个html烟花秀，跨年就不缺文案喽~
HTML 基础操作知识
2302_80057307的博客
06-02 617
标题标签，段落标签，分割线，字体标签，文本的格式化，html属性的写法，特殊字符，换行符，插入图像，有序列表，无序列表，定义列表，超链接。
面试题：你怎么理解 HTML 语义化？语义化有什么优点？
Hlleo Wrold
05-31 937
（语义化是什么）HTML 语义化要求开发者，而不是像divspan等无意义的标签，这里的意义就是语义。（语义化的作用）通过使用语义化标签，开发者。（语义化举例）如header常用于定义nav常用于定义article常用于定义一篇section常用于定义aside常用于定义footer常用于定义main常用于定义等等。
【HTML】通过焦点，获取部分上下文内容
随便写写
05-30 250
通过焦点，获取部分上下文内容
HTML (总结黑马的)
SKL4399的博客
06-01 1172
img src="./cat.jpg" alt="替换文本" title="提示文本"> 替换文本是图片没有显示的时候显示对应的文字；定义列表： 标签：dl 嵌套 dt 和 dd，dl 是定义列表，dt 是定义列表的标题，dd 是定义列表的描述 / 详情 类似于苹果官网最下面的那个效果。 女。
threadlocal浅析
09-13
ThreadLocal 是 Java 中的一个类，它提供了一种线程局部变量的机制。线程局部变量是指每个线程都有自己的变量副本，每个线程对该变量的访问都是独立的，互不影响。 ThreadLocal 主要用于解决多线程并发访问共享变量...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值