首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML常用标签介绍

标题标签 #入门基础篇 中已经见识过了,HTML 中用 h1~6 表示(双标签) 段落标签 p [paragraph] 标签表示独占一行,(双标签) 分割线标签 hr [horizontal...span 小结 标签名定义说明标题标签作为标题使用,并且依据重要性递减段落标签可以把 HTML 文档分割为若干段落水平线标签就是一条线换行标签强制换行...200 图片的宽度 是 300 使用 HTML 制作网页时,如果想让 HTML 标签提供更多的信息,可以使用 HTML 标签的属性加以设置。...="_blank"> 注意: 内部链接 直接链接内部页面名称即可 比如  首页 如果当时没有确定链接目标时,通常将链接标签的 href ...注释标签 注释内容不会显示在浏览器窗口中,但是作为 HTML 文档内容的一部分,也会被下载到用户的计算机上,查看源代码时就可以看到。 快捷键是: Ctrl+ / <!

1K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    1-html标签介绍

    /div> HTML标签是由包围的关键词,例如 HTML标签通常成对出现,分为标签开头和标签结尾,例如 有部分标签是没有结束标签,成为单标签,单标签内必须用/结尾。...例如 页面中所有的内容,都要放在HTML标签HTML标签主题分为三个部分: 标签名称 标签内容 标签属性 HTML标签具有语义化 语义化,就是仅通过标签名就能判断出该标签的内容 语义化的作用...网页结构层次更清晰 更容易被搜索引擎收录 更容易让屏幕阅读器读出网页内容 标签的内容就是一对标签内部的内容 标签的内容可以是其他标签 标签全局标准属性 规定了8个全局标准属性 class属性 用于定义元素的类名...id属性 用于指定元素的唯一id 注意该属性的值在整个HTML文档中具有唯一性 style属性 用于指定元素的行为样式 使用该属性后将会覆盖任何全局的样式设定 title属性 用于指定元素的额外信息

    92710

    5.HTML表格列表标签元素介绍

    [TOC] 0x00 前言简述 本章将主要给各位看友介绍表格 table 与列表 list 中常用的标签元素属性,本节标签一览如下所示: 表格 定义表格,一般表格数据太多,就会下载一点显示一点...描述: 该标签定义 HTML 表格,一个简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成,其中 tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元...(后续会介绍) 温馨提示: HTML 与 XHTML 之间的差异: 在 HTML 4.01 中,table 元素的 “align” 和 “bgcolor” 属性是不被赞成使用的,在 XHTML 1.0...描述: 在 HTML 中的 表格列组(Column Group )标签用来定义表中的一组列表。...tfoot 标签 描述: 该HTML 元素 定义了一组表格中各列的汇总行, 其包含的元素永远在table底部。

    1.5K30

    6.HTML输入表单标签元素介绍

    [TOC] 0x00 前言简述 本章将主要给各位看友介绍表单form中常用的标签元素属性,本节标签一览如下所示: : 定义供用户输入的 HTML 表单。... HTML5 : 定义下拉列表。 HTML5 : 定义输出的一些类型。 HTML5 : 定义生成密钥。...HTML5 中不支持 0x00 表单标签元素 form 标签 描述: 表单是一个包含表单元素的区域,表单元素是允许用户在表单中输入内容,其包含 文本框、文本域(textarea)、按钮、下拉列表、单选框...label 标签 描述: 该元素(标签)表示用户界面中某个元素的说明, 其通常与input连用,它可以标签文本不仅与其相应的文本输入元素在视觉上相关联,也可以点击关联的标签来聚焦或者激活这个输入元素,就像直接点击输入元素一样...-- 案例2 --> 个人介绍: <textarea placeholder="请输入你的个人简介

    4.6K10

    html视频标签属性_html音频标签

    Html5方案 以上的讨论实际上的大前提是:视频基于Html5的方案。...但是随着ios设备的流行,flash已经不是万能药了,越来越多的视频网站提供多元的解决方案,而且偏向于html5:也就是说,通过检测agent是否支持html5来决定使用video还是flash。...当然针对flash和flv的方案,也有多种实现方法,笔者能够想到的有如下两种: 服务端根据agent的类型,输出不同的html,如果支持html5就输出video+mp4(avc)和webm(或者ogg...),否则输出flash相关的标签或脚本 使用html5shiv和html5-video是IE也能够支持video标签,并且使用Flash播放器来代替原生的video播放,参考 将object内嵌在video...http://diveintohtml5.info/video.html 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/168178.html原文链接:https:

    8.6K20

    9.HTML多媒体对象标签元素介绍

    [TOC] 0x00 前言简述 描述: 本章节主要讲解音视频多媒体标签元素的使用示例,帮助各位学习者快速入门HTML标签。...Object 元素一览 : 定义客户端脚本,此处不做介绍,已在 【2.HTML根部头部主体标签元素介绍】中介绍, : 定义针对不支持客户端脚本的用户的替代内容,此处不做介绍...,已在 【2.HTML根部头部主体标签元素介绍】中介绍, New : 定义了一个容器,用来嵌入外部应用或者互动程序(插件)。...track 标签 描述: HTML 元素 被当作媒体元素— 和 的子元素来使用。它允许指定时序文本字幕(或者基于时间的数据),例如自动处理字幕。.../example/study/12.media.html 效果展示: WeiyiGeek.多媒体元素标签图 ---- 0x03 可交互标签元素一览 menu 标签 描述: 该元素呈现了一组用户可执行或激活的命令

    1.3K40

    4.HTML样式布局区块标签元素介绍

    [TOC] 0x00 前言简述 本章节,主要介绍HTML布局与区块的元素介绍, 比如头部,中部,尾部以及行内区块与行外区块等,具体讲解如下述所示。...在HTML中虽然我们可以使用table标签来设计出漂亮的布局,但是table标签是不建议作为布局工具使用的(表格不是布局工具)。...0x01 样式布局区块 div 标签 描述: 该标签定义 HTML 文档中的一个分隔区块或者一个区域部分(division/section),常用于组合块级元素,以便通过 CSS 来对这些元素进行格式化... header 标签 描述:该元素定义文档或者文档的一部分区域的页眉,通常包含一组介绍性的或是辅助导航的实用元素(展示介绍性内容),其包含一些标题元素,但也可能包含其他元素,比如 Logo、搜索框.../study/03.DivisionSection.html 网页效果: WeiyiGeek.样式布局区块标签元素介绍与实践图 好的,本小节到此完毕!

    1.3K20

    HTMLHTML 标签 ② ( 排版标签 | 标题标签 | 段落标签 | 水平线标签 | 换行标签 | div 标签 | span 标签 )

    文章目录 一、排版标签 1、标题标签 2、段落标签 3、水平线标签 4、换行标签 5、div 标签 和 span 标签 HTML 常用的标签有如下类型 : 排版标签 文本格式化标签 图像标签 链接标签...div 标签 span 标签 1、标题标签 HTML 提供了 6 个等级的标题 , 分别是 一级标题 二级标题 三级标题...> 展示效果 : 2、段落标签 HTML 中的段落标签使用 表示 , 段落内容在 开始标签 和 结束标签 之间 ; 段落内容 将下面的文字分成 2...一般都是 面向对象编程 ; 与 面向对象编程 同等级的另外一种 编程范式 是 函数式编程 , 函数式编程 不依赖于 指定的语言 , 所有的编程语言都可以使用 函数式编程范式 ; 介绍...4、换行标签 换行标签 : 在 HTML 中的文字 , 不管里面有回车 , 空格 , 换行 , 都会被忽略 , 默认按照一行显示 ; 如果分段需要使用 段落标签 ; 如果换行 ,

    10.1K30

    2.HTML根部头部主体标签元素介绍

    0x00 Html 标签元素 描述: HTML html 元素表示一个 HTML 文档的根(顶级元素),所以它也被称为根元素,所有其他元素必须是此元素的后代。... ---- 0x01 Head 标签元素 head 标签 描述: HTML 元素包含了所有的头部标签元素,通常我们可以添加在头部区域的元素标签为: <title...title 标签 描述:HTML 元素 定义文档的标题, 显示在浏览器的标题栏或标签页上。...作用: 1)定义了浏览器工具栏的标题 2)当网页添加到收藏夹时,显示在收藏夹中的标题 3)显示在搜索引擎结果页面的标题 示例: HTML头部标签元素介绍实践-唯一极客-博客文章专栏<...HTML文档中所有的链接标签的默认链接:(类似)相对地址的相对地址。

    1.2K20
    领券