HTML总结2

news2024/10/6 22:25:09

什么是HTML

HTML(Hypertext Markup Language),超文本标记语言,(是一套标记标签,一般用来描述网页)。

HTML标签

HTML标记标签,通常被称为HTML标签,或者HTML标记。

标签是由尖括号包围的关键词,例如<html>。

标签类型通常分为单标签双标签两种类型。

单标签

用单个标签表达特定的意思。以“/”结尾,即<标签名称/>。

基本语法:<标签名称>或<标签名称/>

常用标签:<br />、<hr />、<img />

双标签

通常成对出现,由开始标签和结束标签两部分组成。

基本语法:<标记名称>内容</标记名称>

示例标签:<html></html>

HTML文档结构

HTML文档由两个部分组成,头部和主体

头部head:可定义标题、样式等。

主体body :可定义段落、标题字、超链接、脚本、表格、表单等元素。主体内容是网页要显示的信息。

HTML属性

HTML属性一般都是为HTML元素提供附加信息

以名称/值对的形式出现。

在HTML元素的开始标签中定义

基本语法:<标签名称 属性1=“属性值1” 属性2=“属性值2” … 属性n="属性值n">

 注释

注释一般用来说明、注解、备注。  

临时注释,用来调整HTML结构。

基本语法 :<! -- 这是注释内容  -->  

语法说明:以左尖括号和感叹号组合开始(<!--),以右尖括号(-->)结束。

HTML基本标签

标题

HTML标题通过<h1> - <h6>标签进行定义。

<h1> - <h6>:h1定义最大的标题,h6定义最小的标题。

标题标签,是块级元素,双标签,<h1></h1>。

块级元素(显示时通常会以新行来开始和结束,即自己占一行)。

内联元素的显示一个挨着一个,都在同一行按从左至右的顺序显示,不单独占一行。

基本语法:<h1 align=“left|center|right| justify " >1号标题 </h1>

段落

段落通过<p>标签定义, <p>是块级元素,双标签。        

P标签会自动在其前后创建一些空白。

基本语法:<p align="left|center|right">段落正文内容</p>

折行

<br />标签表示换行。

<br />是一个空元素。

 <br />是单标签。

水平线

<hr/>标签在HTML页面中创建水平线,用于分割内容。  

<hr/>单标签。

基本语法 <hr size=""  color=""   width=""  align=""  />

文本格式化标签

特殊符号

如果要向HTML页面中输入特殊字符,则需加入以&开头的字母组合或者以&#开头的数字。

列表

列表将项目有序或无序地罗列在一起,便于用户浏览和操作。

常用列表:

有序列表

有序列表<ol>…</ol>,各列表项按一定顺序排列。

默认使用数字进行标记,可通过type属性(1、 A 、 a 、I 、 i )控制。

<ol></ol>中只能嵌套<li></li>,但<li></li>中可以嵌套任何标签。

无序列表

无序列表<ul>…</ul>

默认使用粗体圆点标记,各列表项并列。

<ul></ul>中只能嵌套<li></li>,但<li></li>中可以嵌套任何标签。

  

自定义列表

自定义列表以<dl>开始,</dl>结束,每个列表项以<dt></dt>表示,每个列表项的具体内容描述以<dd></dd>表示。

<dl></dl>中只能包含<dt></dt>、 <dd></dd>。

<dt><dd>中可以包含任何标签。

  

链接或者图像标签

链接标签

超链接可以是一个字、一个词或者一组词,也可以是一幅图像,点击这些内容可以跳转到新的文档或者文档中的某个部分。

超链接用<a></a>标签表示。  

基本语法:<a href=“URL”>链接</a>     href是必备属性。

按照链接路径的不同,可分为三种类型:内部链接、外部链接和锚点链接。

锚点链接:跳转到网页中的某个位置。

图像标签

图像由<img>标签定义,是一个单标签。  

基本语法:<img src=“url” alt=“”/>

src=“  ”是必备属性,源属性(src),源属性的值是图像的URL地址。

alt=“”,替换文本属性(alt),浏览器无法载入图像时,替换文本告诉用户此处应显示的信息。

HTML表格

HTML 表格由 <table>标签来定义。

每个表格有若干行,由 元素<tr>标签定义,每行被分割为若干单元格,由<th> 或 <td>定义

td(table data)表示数据单元格,数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等。

跨行(colspan)和跨列(rowspan)属性用在td标签中,用于创建特殊表格。

colspan指定单元格横向跨越的列数,rowspan指定单元格纵向跨越的行数。作用:合并单元格。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1892227.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Qt篇——QLabel固定尺寸的情况下让字体大小自适应并自动换行以完整显示

当文字较少时&#xff0c;默认字体大小为16&#xff1b;当文字内容较多时&#xff0c;自动换行并缩小字体。 举例&#xff1a; 字体较少时 字体较多时 思路&#xff1a; 设置自动换行属性 setWordWrap&#xff1b;通过QFontMetrics计算文字字体要多大、显示多少行才不会超过…

是霍尼韦尔还是柏曼啊??书客、霍尼、柏曼三款护眼大路灯横向PK!

是霍尼韦尔还是柏曼啊&#xff1f;&#xff1f;近年来市面上的劣质护眼大路灯越来越多&#xff0c;很容易使我们选到劣质产品。为了解决这一问题&#xff0c;我自费购买了多个品牌的护眼大路灯进行测评。经过深入研究&#xff0c;我发现市面上确实存在一些光线不稳定、选材做工…

【postgresql初级使用】用户与角色的关系,搭建数据库安全体系中的分权管理

用户角色管理 ​专栏内容&#xff1a; postgresql使用入门基础手写数据库toadb并发编程 个人主页&#xff1a;我的主页 管理社区&#xff1a;开源数据库 座右铭&#xff1a;天行健&#xff0c;君子以自强不息&#xff1b;地势坤&#xff0c;君子以厚德载物. 文章目录 用户角色管…

使用 Smart-doc 记录 Spring REST API

如果您正在使用 Spring Boot 开发 RESTful API&#xff0c;您希望让其他开发人员尽可能容易地理解和使用您的 API。文档是必不可少的&#xff0c;因为它为将来的更新提供了参考&#xff0c;并帮助其他开发人员与您的 API 集成。很长一段时间以来&#xff0c;记录 REST API 的方…

Toshiba东芝TB67S109AFNAG:步进电机控制的强大解决方案

与我司合作的工程师客户不断寻求稳健、高效且精确的元件来提升他们的产品设计。东芝的TB67S109AFNAG步进电机驱动IC具备这些优点&#xff0c;是从工业机械到消费电子等广泛应用的理想选择。本文将深入探讨TB67S109AFNAG的特性、优势和应用。 主要特性 TB67S109AFNAG是一款采用…

《人生苦短,我用python·七》各种报错问题解决及C++调用python的接口

1、VS的debug版本正常可以调用python的release版本&#xff08;python安装完只有release版本的dll和lib&#xff09;&#xff0c;在项目——附加依赖项中加入python39.lib然后编译debug版本报错&#xff0c;无法打开python39_d.lib&#xff0c;我在项目属性配置的是调用release…

少儿编程 2024年6月电子学会图形化编程等级考试Scratch一级真题解析(选择题)

2024年6月scratch编程等级考试一级真题 选择题&#xff08;共25题&#xff0c;每题2分&#xff0c;共50分&#xff09; 1、音乐Video Game1的时长将近8秒&#xff0c;点击一次角色&#xff0c;下列哪个程序不能完整地播放音乐两次 A、 B、 C、 D、 答案&#xff1a;D 考…

Redis基础教程(十一):Redis 发布订阅

&#x1f49d;&#x1f49d;&#x1f49d;首先&#xff0c;欢迎各位来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里不仅可以有所收获&#xff0c;同时也能感受到一份轻松欢乐的氛围&#xff0c;祝你生活愉快&#xff01; &#x1f49d;&#x1f49…

【FFmpeg】avcodec_open2函数

目录 1. avcodec_open21.1 编解码器的预初始化&#xff08;ff_encode_preinit & ff_decode_preinit&#xff09;1.2 编解码器的初始化&#xff08;init&#xff09;1.3 释放编解码器&#xff08;ff_codec_close&#xff09; FFmpeg相关记录&#xff1a; 示例工程&#xff…

vue H5页面video 视频流自动播放, 解决ios不能自动播放问题

视频组件 <videostyle"width: 100%; height: 100%;object-fit: fill"class"player"refplayer_big_boxcontrolspreloadautoplay //自动播放muted //是否静音playsinline"true"x5-playsinline""webkit-playsinline"tru…

麒麟服务器操作系统漏洞补丁包怎么快速下载

第一种方案:【建议方案】 1、将漏洞公告里的“受影响的软件包”全部复制出来到文本文件中 2、在对应版本的服务器系统中修改好repo文件,如果在x86系统中下载aarch64的补丁包,可以将repo中的$basearch替换为aarch64. [root@localhost ~]# vim package.txt #将第一步的软件…

澳大利亚新闻.科技.汽车.旅行.商业类单发媒体

每日简报Daily Bulletin 澳大利亚西部时间ModernAustralian.com 澳大利亚垂直新闻.科技.汽车.旅行.商业类媒体&#xff0c;ModernAustralian.com是澳大利亚西部地区的一家权威媒体平台&#xff0c;提供全面的新闻报道、科技资讯、汽车信息、旅行指南、商业动态等内容。每日简报…

横截面数据回归

横截面数据回归 一些笔记 观测值一定要比参数值多 p值<0.05,拒绝H0. 参数显著&#xff0c;不能说明模型对 AIC与BIC准则&#xff0c;越小越好的指标值AIC 回归分析一定要进行残差的正态性检验。所有的残差都大于0&#xff0c;小于0&#xff0c;都不正常。残差正常应该是分…

p2p、分布式,区块链笔记:试用ZeroTier组网

ZeroTier 是一种用于创建和管理虚拟局域网&#xff08;Virtual Local Area Network&#xff0c;VLAN&#xff09;的软件定义网络&#xff08;SDN&#xff09;解决方案。它可以通过互联网将多个设备安全地连接在一起&#xff0c;就像它们在同一个本地网络上一样。主要开发语言为…

rust + mingw安装教程

0. 说明 windows上安装rust时&#xff0c;需要在电脑上安装C/C构建工具。推荐的的两种工具链可以选择&#xff1a; visual studio build toolsmingw 官方推荐使用visual studio&#xff0c;若你的电脑上已经安装了visual studio&#xff0c;则无需再安装&#xff0c;直接安装…

GPT Prompt冠军调教技巧CO-STAR

新加坡政府科技局 (GovTech) 举办的首届 GPT-4 提示工程大赛冠军Sheila Teo分享了她的一些提示撰写技巧及案例分析。 使用 CO-STAR 框架撰写Prompt CO-STAR是结构化的Prompt模版六大要素的首字母缩写&#xff0c;即&#xff1a; © Context 上下文&#xff1a;为任务提供背…

vue3进阶,渲染函数使用

目录 渲染函数使用场景 h() 渲染函数 渲染函数基础写法 渲染函数的组件传参&#xff0c;事件传递 渲染函数的插槽使用 结语 渲染函数使用场景 在写这篇文章之前&#xff0c;我会先简单说一下渲染函数&#xff0c;并且我会在第一个渲染函数的介绍中&#xff0c;标名渲染函数…

算法力扣刷题记录 二十八【225. 用队列实现栈】

前言 栈和队列篇。 记录 二十八【225. 用队列实现栈】 一、题目阅读 请你仅使用两个队列实现一个后入先出&#xff08;LIFO&#xff09;的栈&#xff0c;并支持普通栈的全部四种操作&#xff08;push、top、pop 和 empty&#xff09;。 实现 MyStack 类&#xff1a; void p…

单片机关键任务优先级的实现学习

与总体产品联调时&#xff0c;需要各个单机系统严格按照总体要求&#xff0c;进行数据输出&#xff0c;时间的偏差将出现系统异常&#xff0c;控制失败等不稳定情况产生&#xff0c;甚至影响到产品安全。 因此必须确保某些关键任务的优先执行。单片机任务优先级一般有两种方式…

My sql 安装,环境搭建

以下以MySQL 8.0.36为例。 一、下载软件 1.下载地址官网&#xff1a;https://www.mysql.com 2. 打开官网&#xff0c;点击DOWNLOADS 然后&#xff0c;点击 MySQL Community(GPL) Downloads 3. 点击 MySQL Installer for Windows 4.点击Archives选择合适版本 5.选择后下载…