文章 2022-10-30 来自:开发者社区

Web前端开发笔记——第二章 HTML语言 第十一节 语义标签

一、语义标签的定义之前有阐述过Web语义化的知识:这里还要了解Web语义化的知识,Web语义化指使页面有更好的结构与含义,使开发者、计算机都能快速理解网页的内容。<em></em>标签也叫强调标签<strong></strong>也叫重点强调标签来对文本进行标识,本质上看起来和i标签b标签和是一样的,只不过em标签和strong标签是有语义的,它们....

Web前端开发笔记——第二章 HTML语言 第十一节 语义标签
文章 2022-10-30 来自:开发者社区

Web前端开发笔记——第二章 HTML语言 第十节 画布标签、音视频标签

一、画布标签&lt;canvas&gt; &lt;/canvas&gt; 画布标签用于图形、字符等的绘制,它不能直接地绘制图形,要通过脚本即JavaScript来完成,这里不对具体脚本阐述,只介绍该标签的用法。通过指定id=""属性 ,用于在脚本中引用,而通过定义 width=""和 height=""属性来规定该画布的大小.,即宽度和高,如下:&lt;canvas id="" width=""....

Web前端开发笔记——第二章 HTML语言 第十节 画布标签、音视频标签
文章 2022-10-29 来自:开发者社区

Web前端开发笔记——第二章 HTML语言 第八节 表单标签

一、表单的定义表单用于收集用户的输入信息,它是一个区域,在这个区域里添加表单元素即可收集用户的信息,表单元素可以是文本、单选框、复选框、按钮、下拉菜单等等。比如下面的qq登录页面,它就是一个表单:表单用<form></form>标签表示,它有个重要的属性为action属性,action后跟数据处理网页的URL,表示收集用户的数据交由该页面进行处理,它表示为<form....

Web前端开发笔记——第二章 HTML语言 第八节 表单标签
文章 2022-10-29 来自:开发者社区

Web前端开发笔记——第二章 HTML语言 第七节 表格标签

一、表格标签的定义在html中,表格标签表示为<table></table>,其中的每行用<tr></tr>标签表示,在表格中的每一行都由若干个单元格组成,表示为<td><td>,它代表该单元格的数据,可以为文本、图片、列表等等,且可以在其中嵌套表格。例如,在HBuilder X中,下列html代码,设定一个三行四列的表格:....

Web前端开发笔记——第二章 HTML语言 第七节 表格标签
文章 2022-10-29 来自:开发者社区

Web前端开发笔记——第二章 HTML语言 第六节 区域标签、列表标签

一、区域标签(一)div标签的定义div标签是成对使用的,可将元素即将一些内容组合在一起形成一个区域,例如下列导航栏、分栏、广告都是一个个区域。可以这样说,div标签常用于组合块级元素,方便在后续通过 CSS 语言来对其格式化,且区域可以叠加。<div></div>在解析html文件时,浏览器会默认在 div 标签的前后进行一个换行处理。(二)div标签的属性这里主要介绍....

Web前端开发笔记——第二章 HTML语言 第六节 区域标签、列表标签
文章 2022-10-29 来自:开发者社区

Web前端开发笔记——第二章 HTML语言 第五节 图像标签

前言本节介绍图像标签即img标签的用法以及相关应用例题。一、图像标签的属性(一)src属性和alt属性img标签,即图像标签,该标签用于插入图像,动态图和静态图是一样的,它表示为&lt;img src="图像名.图像类型" alt="文本" /&gt;,是个单独出现的标签。它一般有两个属性:src属性和alt属性。src属性代表其文件名和类型,即其值是图像的 URL 地址。而alt属性的作用是当....

Web前端开发笔记——第二章 HTML语言 第五节 图像标签
文章 2022-10-29 来自:开发者社区

Web前端开发笔记——第二章 HTML语言 第四节 超链接标签

前言本节介绍超链接标签即a标签的用法以及相关应用例题。一、超链接标签a标签,也叫超链接标签,在图片或者文字上使用,或者可以用在导航栏上,点击后跳到新的页面,以供用户浏览。超链接表示为&lt;a href ="网址"&gt;文字或图片&lt;/a&gt;,这里的"href=“是该标签的属性即超链接,通过赋值符号”=",来对该属性进行赋值,而网址是要跳转的目标网址。&lt;a href ="网址"&a...

Web前端开发笔记——第二章 HTML语言 第四节 超链接标签
文章 2022-10-29 来自:开发者社区

Web前端开发笔记——第二章 HTML语言 第三节 文本格式化标签

前言这里主要介绍对html语言中对文本的处理。一、文本加粗、斜体标签使用b标签或strong标签对文字进行加粗,使文本加粗显示,它表示为<b>文本</b>或<strong>文本</strong>。使用i标签或em标签对文字进行斜体,使文字斜体显示,它表示为<i>文本</i>或<em>文本</em>。例....

Web前端开发笔记——第二章 HTML语言 第三节 文本格式化标签
文章 2022-10-29 来自:开发者社区

Web前端开发笔记——第二章 HTML语言 第二节 基本标签

前言本节主要讲解HTML的一些基本标签。一、标题标签下面红框中的内容就是标题标签。我们用h1~h6来表示不同的标题标签,依次是一级标题到六级标题,表示为<h1~h6>标题内容 </h1~/h6>,它会被自动加黑,一般建议一个页面只有一个一级标题,标题标签之间是该标题的内容即正文,如下:<h1>一级标签</h1> <h2>二级标签<....

Web前端开发笔记——第二章 HTML语言 第二节 基本标签

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"高效防护 web 应用","productDescription":"随着网络技术的不断发展,您的Web应用如果没有流量入口的防护,会面临诸多风险。本方案以ECS实例接入WAF为例,推荐您使用Web应用防火墙(WAF)开启应用防护,避免网站服务器被恶意入侵导致性能异常等问题,保障网站的业务安全和数据安全。同时,为您节约开发成本,满足行业合规要求。","productContentLink":"https://www.aliyun.com/solution/tech-solution/web-protection","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/web-protection"},"productButton2":{"productButtonText":"一键部署","productButtonLink":"https://help.aliyun.com/document_detail/2714251.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"云防火墙企业多账号统一管理","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/umomaicf","productPromotionInfoSecondText":"从 HTTP 到 HTTPS 让网站更安全","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/ssl"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock","activityPromotionInfoBlock":[]}}

阿里UC研发效能

分享研发效能领域相关优秀实践,技术分享,产品信息

+关注