前言 本文主要在初学HTML时，对常用标签做一些记录。主要是标签的使用，以及效果展示。目的在于有个大概的认识：有什么标签？能做什么？...（我也是在那学习的） 介绍 HTML标签也叫HTML元素，是HTML语言中的基本单位，一个HTML页面（网页）由多个 HTML标签构成。 也就是说，我们可以用HTML来编写一个网页。...DOCTYPE html>、、、等标签。下面看看他们都有什么作用 标签 以下是一些常见的标签 用于声明 声明不是一个 HTML 标签；它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。如： HTML 5 ： ）的容器。 与 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。
声明 本系列文章内容全部梳理自以下四个来源： 《HTML5权威指南》 《JavaScript权威指南》 MDN web docs Github:smyhvae/web 作为一个前端小白，入门跟着这四个来源学习...正文-HTML标签 本文接着来学习 HTML 的基本标签，下面是我自己对标签进行的划分，《HTML权威指南》中将标签类别划分成了很多种，比如：内容分组，文档分节，表单七七八八等等。...修饰文档结构的标签大多用于表示一份标准、完整的HTML文档的一些标签，以及可放于 内的一些标签。...DOCTYPE> 并不是 HTML 标签，它是声明 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 在 HTML 4.01 中， HTML 文档中是可以嵌入其他 HTML 文档的，通过 标签标记。
meta标签 1.编码 示意图 ?...我们加上meta标签反而会乱码的原因，是因为meta标签可以指定浏览器解析文件的编码格式，不加meta标签反而会正常，是因为我们不指定解码格式，浏览器会自动检测编码格式，再以对应的解码方式进行解码。...多学一招：搜索引擎上的描述，可能是标签中的description部分，也可能是页面中的一段话
object标签 </object
专栏介绍 【前端网页】 目前主要更新HTML，一起学习一起进步。...本期介绍 本期主要介绍HTML块标签以及框架标签 文章目录 1.HTML基本语法(二) 1.1块标签：span 1.2块标签：div 2.自学扩展 2.1...框架标签 1.HTML基本语法(二) 1.1块标签：span 行级的块标签，用于在效果中 一行上定义一个块，进行内容显示。...2.1.1 框架标签： 标签，是框架设置布局标签，专门用于页面的布局和划分。... 标签，是 的子标签。用于页面引入。
多媒体标签 1.embed标签 不是h5独有，h4就有，用来播放音频和视屏 </embed...多学一招：embed标签有属性可以控制播放状态 autostart=true/false --用来控制音频或视频文件是否在下载完之后就自动播放（IE可用） loop=正整数/true/false --...用来控制音频或视屏文件在播放结束之后是否循环播放或循环播放的次数 hidden=true/no --用来设置多媒体的控制面板是否隐藏 参考：https://www.cnblogs.com/lgx5/p/5714494.html...2.audio标签 h5专门用来播放音频的，支持的格式有MP3、OGG、WAV </audio...浏览器会从上到下依次去读，在这个过程中，只要读到自己识别的视频文件就直接播放这个视频文件，并且不会再往后继续读取 参考：https://www.cnblogs.com/linn/p/3408515.html
DOCTYPE html> Title <body...-- img标签 1、图片引用 2、img有如下属性 1、width设置宽度 2、height设置高度 3、alt图片加载失败时显示内容 4、title图片title显示...-- a标签 1、标签定义超链接，用于从一张页面链接到另一张页面。 1、当前页面跳转 2、新建页面跳转 2、元素最重要的属性是 href 属性，它指示链接的目标。...锚点二的内容 锚点三的内容 </html
标签的通用属性 1.id属性 id属性是标签的唯一标识，一个页面中可以有很多id属性，但是每个标签的id属性的值必须是唯一的 多学一招：通常用在写动态效果-----javascript 2.class属性...----类 通常用来使用class属性值给标签设置样式，样式一样的标签可以设置同样的class 3.name属性 设置标签的名字，可以有同样的名字 多学一招：通常用在表单中 4.style属性 设置标签样式
DOCTYPE html> Title <body...-- form标签 1、标签用于为用户输入创建 HTML 表单。 2、表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。...-- input标签 1、input标签是自闭和标签，可以嵌套p标签 2、input标签有多种类型 --> <!...，其中的label不能在页面被选中 3、通过option设置选项，选项内容在页面可以选中 4、提交时select标签中的name作为键值对的键传递给后端 5、提交时option标签中的...--> 备注
情景 还在用 document.getelementById('xxx').value 这种方式来获取H妈妈[HTML]某类标签信息嘛，最近用上jquery的方式，爱不释手。...selectValue = $('#sid').val(); //by name var selectValue = $('[name = "sid"]').val(); 3、利用ajax代替form发送表单数据 HTML...再也不用担心我表达不出想要什么了… … 4、修改css样式 $("[name='haha']").css("color","red"); 5、父、子选择器 // 修改 class="hot" 元素的父级标签... 属性 $('.hot').parents('tr').css('color','white'); //修改class="hot" 元素的父级标签下的属性
.html" width="400" height="400" name="myframe"> 嘿嘿 表单标签 表单标签用 注：在HTML5中新增了标签播放视频。...废弃标签介绍 HTML现在只负责语义，而不负责样式。...但是HTML一开始，连样式也包办了。这些样式的标签，都已经被废弃。
tag) HTML 使用标记标签来描述网页 --> <!...--HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。...HTML 标签是由尖括号包围的关键词，比如 HTML 标签通常是成对出现的，比如 和 标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签...--HTML 标签属性 HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。 属性通常以名称/值对的形式出现，比如：name="value"。...属性总是在 HTML 元素的开始标签中规定。 --> <!
DOCTYPE html> Title 这是标题title 这是内容
DOCTYPE html> Title <body...-- 表格标签 简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。 tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。...Savings January $100 </html
什么是 HTML 标签 HTML 文档和 HTML 元素是通过 HTML 标签进行标记的 HTML 标签由开始标签和结束标签组成 开始标签是被括号包围的元素名 结束标签是被括号包围的斜杠和元素名 某些...HTML 元素没有结束标签，比如 注释：开始标签的英文翻译是 start tag 或 opening tag，结束标签的英文翻译是 end tag 或 closing tag。...HTML 标题 HTML 标题（Heading）是通过 - 等标签进行定义的。... HTML 链接 HTML 链接是通过 标签进行定义的。...HTML 图像 HTML 图像是通过 标签进行定义的。 实例
结构：html。表现：css。行为：JavaScript。 Web 前端分三层： HTML：HyperText Markup Language（超文本标记语言）。从语义的角度描述页面的结构。...（3）标签要严格封闭 3.HTML结构详解 HTML标签通常是成对出现的（双边标记），比如 和 ，也有单独呈现的标签（单边标记），如：、和<img...此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 HTML4.01有哪些规范呢？ HTML4.01里面有两大种规范，每大种规范里面又各有3种小规范。所以一共6种规范。...DOCTYPE html> 2、头标签 html5 的比较完整的骨架： <!...注意： HTML标签是分等级的，HTML将所有的标签分为两种： 文本级标签：p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素。
文章目录 一、链接标签 二、注释标签 HTML 常用的标签有如下类型 : 排版标签 文本格式化标签 图像标签 链接标签 , 其中 链接涉及到 相对路径 与 绝对路径问题 ; 一、链接标签 ----...文件页面 , 如 index.html ; 首页 ; 空链接 : 如果没有确定链接目标 , 设置 # 值 , 该链接暂时是空链接 ; 网页标题...没有任何效果 ; 点击链接 4 , 跳转到博客页面 ; 点击链接 5 , 原窗口保留 , 在新窗口显示博客页面 ; 二、注释标签 ---- 如果在 HTML 页面中进行 代码注释 ,...则可以使用 注释标签 ; <!
专栏介绍 【前端网页】 目前主要更新HTML，一起学习一起进步。...本期介绍 本期主要介绍HTML基本语法之排版标签和表单标签 文章目录 1.HTML基本语法 1.1排版标签 1.1.1注释标签 ...1.2.7 案例：用户登录 1.2.8 扩展：base 2.总结 1.HTML基本语法 1.1排版标签 1.1.1注释标签...在模板代码中，我们使用到了 HTML 注释 格式： <!...注释标签不能嵌套。 1.1.2标题标签h1 HTML 标题标签，用于修饰标题。
HTML简介 HTML由标签和属性构成的 1.1. HTML文档基本结构 网页标题 网页显示内容 ... 2....标签 学习html语言就是学习标签的用法 2.1....基础标签 定义HTML文档 2. 格式标签 超链接元素-->(2) 3.
DOCTYPE html> Title <!...-- 标题标签：h 1、通过h1-h6定义标题标签 2、标题标签有定义好的字体样式 --> 这是h1标签 这是h2标签 这是h3标签 这是h4...-- 段落标签：p 1、p标签可以自动换行 2、p标签会自动隔行（行间距增大） --> 这是段落标签 这是段落标签 <!...-- div 1、div标签默认没有任何属性 2、div标签可以定义各种属性 3、div标签可以和css配合使用 4、div标签前后会自动换行 --> div标签前后会自动换行这是div标签...--标签属性 1、id:标签的唯一标识 --> 标签属性
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
