HTML笔记

最新推荐文章于 2023-04-25 21:06:19 发布
最新推荐文章于 2023-04-25 21:06:19 发布
阅读量798 收藏 1
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chaolei1/article/details/104476107
版权
本文详细介绍了HTML的基础知识，包括HTML的定义、作用和版本，以及文档结构和开发工具。接着，深入讲解了HTML的各种标签，如基本标签、头部标签、表单元素、内嵌框架以及HTML5的新特性，如语义化标签、多媒体标签和表单相关的新元素。此外，还涵盖了超链接的用法、表格的创建和表单元素的属性，以及内嵌框架的使用。最后，对HTML5的发展、特点和兼容性进行了概述，特别强调了HTML5新增的结构和语义标签、表单元素及其属性，以及多媒体支持。
摘要由CSDN通过智能技术生成

一、HTML简介

1.HTML是什么？

HTML:hyper text markup language超文本标记（标签）语言

由各种标签组成，用来制作网页，告诉浏览器该如何显示页面

2.作用

  • 制作网页，控制网页和内容的显示
  • 插入图片、音乐、视频、动画等多媒体
  • 通过链接来检索信息
  • 使用表单获取用户的信息，实现交互

3.版本

W3C:world wide web consortium万维网联盟，制定Web技术相关标准和规范的组织，HTML就是由W3C制定的标准

两个版本：HTML 4.0.1、HTML5.0-----通常H5

官网：http://www.W3shcool.com.cn

4.扩展名

HTML文档是以.html或.htm结尾

二、HTML文档结构

1.基本结构

1.1 简介

  • HTML标签是由尖括号括起来的关键词，如 ,通常是成对出现的，如
  • 以 为根标签，包含： 头部和 主体部分
  • 头部提供关于网页的相关信息，如标题、文档类型、字符编码、关键字等摘要信息
  • 主体部分提供网页的显示内容，真正显示在页面中的内容
  • 合理的进行缩进
  • 标签名不区分大小写，但是一般要用小写
  • 在这里插入图片描述

1.2.开发工具

记事本notepad、sublime、Notepad++、Dreamweaver、VScode、Webstorm等

使用步骤：

  1. 新建文件(cltr+N)，然后保存（ctrl+s）,指定扩展名为.html
  2. 编写HTML代码
  3. 在浏览器中打开文件

使用技巧：

  • 先保存再写代码，否则代码无颜色提示
  • 创建一个文件夹，用于保存所有的网页内容，将文件夹拖拽到sublime中，便于管理
  • 显示/隐藏侧边栏

方式1:查看–>侧边栏–>显示/隐藏侧边栏

方式2:ctrl+K紧接着按B

  • 显示多栏

方式1：查看–>布局–>列数：2列

方式2：Alt+shift+2

1.3浏览器

常见的浏览器：IE浏览器微软、chrome谷哥浏览器、firefox火狐、safari苹果

浏览器的作用是读取html文件，并以网页的形式来显示

浏览器不会直接显示html标签，而是使用标签来解释网页的内容

2.标签

2.1 标签的组成

一个完整的html标签的组成：

<标签名 属性名=“属性值”>内容</标签名>

<!DOCTYPE html>

<html lang="en">

	<head>

		<meta charset="UTF-8">

		<title>标签</title>

	</head>

	<body bgcolor="red" text="blue">

		html从入门到精通!

	</body>

</html>

属性值要用

双撇号括起来，一般用双引号

2.2 标签的分类

根据标签是否关闭，分为，关闭型和非关闭型

  • 关闭型：有结束标签，即标签成对出现

  • 非闭闭型：没有结束标签


    .....

根据标签是否独占一行，分为块级标签和行级标签

  • 块级标签:显示为块状，独占一行

    大家好

  • 行级标签：在行内显示，可与其他内容在同一行显示

2.3注释

注释在浏览器中是不会显示的，是用来标注解释html语句，但通过查看源代码的方式可以看到

语法：

<！--注释内容-->

2.4实体字符

也成为了特殊字符，用于显示一些特殊符号，如：<> & 空格等

语法：

[&实体字符的名称；]:

常见的实体字符：

&it;		<	小于号		less tham
&gt;		<	大于号		great than
&nbsp;			空格	space 	在html中对于连续的空白字
&amp;		 	& 		与	
&quot;			""		双引号
&copy;					版权符号 copyright
&reg;			®		注册符号 register
&times;			×		关闭按钮

在这里插入图片描述
2.5文档类型

在html文档的第一行，使用<！DOCTYPE HTML>声明HTML文档的类型用来告诉浏览器页面的文档类型，简单来讲，用来指定html版本的规范

目前基本上最常用的是html5，<！DOCTYPE HTML>

三、常用标签

3.1基本标签

br 换行标签 非关闭型
p 段落标签 关闭型，块级标签，前后有明显的间隔
h1、h2、…、h6 标题标签 按照h1到h6逐渐变小,块级标签,
pre 预格式化标签 保留编码时的格式
div 分区标签 常用作容器，一般用来页面布局划分，块级标签
span 范围标签 没有任何效果，通常用来属性赋予属性
olli 有序列表 有顺序的项目列表 ulli 无序列表 无顺序的项目列表dl
dl.dt.dd 定义列表 对术语，
img 图像标签
这是基本标签
1.1有序列表
有序列表

ol:ordered list

li：list item

默认情况使用阿拉伯数字 从1开始进行标记，可以通过属性修改

  • type属性：设置列表符号标记，取值；默认从数字1字母a
  • start属性：设置起始值，必须是数字
    1.2无序列表
    无序列表
    ul:unodered list
    li:list item
    默认情况下使用圆形标记
    • type属性：设置形状disc默认实心圆

1.3定义列表
图片同上

dl:definilion list

dt:description

dd:definition description

1.4水平线标签
水平线

hr:horizontal

  • 常用属性：

color颜色

两种书写方法：

颜色名称：如red green blue white black pink orange

16进制的rgb表示法：red green blue用法：#rrggbb每种颜色的取值范围是0-255转换为16进制00-ff

eq:#FF0000红色 #00FF00绿色 #0000FF蓝色 #FFFFFF白色

  • size:粗细，数值
  • width宽度：
  • 两种写法：
  • 像素：绝对值（固定值）
  • 百分比：相对值，相对于水平线标签所在父容器宽度的对比

align对齐

取值：center居中 left right

1.5图像标签
图像标签
img:image

常用的图片格式：jpg png gif bmp

常见的属性：

src:source指定图片的路径，必选参数

如果图片与html源代码在同一个文件夹可以直接使用，习惯上，我们会将多个图片与html文档放在同一个文件夹中,方便书写

不在同一个文件夹中 需要在src中指定图片的相对路径

.\表示当前目录

…\表示上一级目录

alt:当图片不能显示时，显示的提示信息

title:当鼠标放在图片上显示的内容

width和height:设置图片的宽度和高度

默认图片以原始的尺寸显示

如果只设置期货中一个，另一个按比例缩放

如果同时设置宽和高，可能导致图片变形

两种写法：

像素：对绝值（固定值）

百分比：相对值，相对于父容器的百分比

2.其他标签
标签 含义 说明
i 斜体标签 italic
em 强调内容 在浏览器中显示时一般是斜体
address 地址 在浏览器显示时一般是斜体
b 加粗显示 bold
strong 强调的内容 在浏览器中显示时一般为加粗
ins 下划线
sub 下标
sup 上标
bdo 设置文本的方向 通过属性dir=“ltr leit to right"rtl” right to left 从右到左
abbr 设置文字缩写 通过title属性设置当鼠标停留在文字时显示的提示内容
small 相对于文本字号缩小一号
big 现对于当前文本字号增大一号

为了更好语义化

<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	welcome <i>to</i> html！
	<br>
	welcome <em>to</em> html!  
	<br>
	weloome to  <address>上海市南京东路</address>
	<hr>
	HTML从<b>入门</b>到精通	
	<br>
	HTML从<strong>入门</strong>到精通！	
	<br>
	原价：188元，优惠价：<span style="font-size: 40px;color: #FF7300">98元</span>
	<hr>
	主讲：<ins>hector</ins>
	<br>
	<hr>
	谁的分子表达式：H<sub>2</sub>0
	<br>
	2<sup>3</sup>=8
	<hr>
	<bdo dir="rtl">welcome to html！</bdo>	
	<br>
	<bdo dir="rel">上海自来水来自海上</bdo>
	<br>
	<abbr title="Hyper Text Language">HTML</abbr>
	<br>
	<span title="Hyper Text Language">HTML</span>
	<hr>
	HTML从<small>入门</small>到精通!
	<br>
	HTML从<big>入门</big>到精通!
</body>
</html>

在这里插入图片描述

3.头部标签
  • meta定义网页的摘要信息，如字符编码丶关键字丶描述作者
  • title定义网页的标题
  • style定义内部的CSS样式
  • link引用外部的CSS样式
  • script:定义基础路径
  • base定义基础路径
  • 默认以当前页面文件所在位置为相对路径的参照
<html lang="en">
   <!-- 设置字符编码 -->
   <meta charset="UTF-8">
   <!-- 设置关键字 -->
   <meta name="keywords"content="IT教育,JAVA开发,WEB前端,Android开发,python">
   <!-- 设置描述信息 -->
   <meta name="description" content="做专业的IT教育.....">
   <!-- 设置网站的作者 -->
   <meta 	name="author" content="hector">
   <!-- 设置网站的跳转 -->
   <!-- <meta http-equiv="refresh" content="2;url=https://www.baidu.com"> -->
   <title>头部标签</title>
   <!-- 定义内部的CSS样式 -->
   <style>
   	body{
   		color:red;
   		}
   </style>
   <!-- 引用外部的CSS样式文件 -->
   <link rel="stylesheet" href="CSS样式文件的路径">
   <!-- 定义或引用脚本 -->
   <script>
   	alert("欢迎登陆;")
   </script>
   <!-- 定义一个基础路径 -->
   <base href="../image/">
</head>
<body>
   IT教育，计算机等级考试---Hrctor
   <img src="../image/heihei.gif" alt="">
   <img src="qq.png" alt="">
</body>
</html>

在这里插入图片描述

4.标签嵌套

一个标签中可以去嵌套另外一个标签

标签不能乱嵌套，如以下标签的嵌套是错误的

	<p style="width: 300px;height: 300px;background: blue">
		<div style="width: 200px;height: 200px;background: red">
			world
		</div>
	</p>

浏览器渲染后显示的页面代码与编码时有所不同

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script>
		alert("哈哈!");
	</script>
</head>
<body>
	<div style="width: 200px;height: 200px;background:red ">
		<p>
			hello
		</p>
	</div>
	<p style="width: 300px;height: 300px;background: green">
		
		<div style="width: 200px;height: 200px;background: blue">
			world
		</div>
	</p>
</body>
</html>

在这里插入图片描述
chrome浏览器提供的开发工具：用来帮助查看和调试页面

如何打开：

  • 在页面中右键单击–>检查/审查元素/查看元素
  • 快捷键F12
  • 常用工具：
  • ELements:从浏览器的角度来看页面，浏览器渲染以后的页面时的结构是什么
  • 在这里插入图片描述
  • console:表示控制台，显示各种警告和错误信息
  • 在这里插入图片描述
  • network:查看网络的请求信息，浏览器向服务器请求了哪些资源，资源大小，时间
  • 在这里插入图片描述
四丶超链接

1.简介，使用超链接可以从一个页面跳转到另一个页面，实现页面之间导航

当鼠标移动到超链接文本或图片时，鼠标会变成一只小手

超链接有三种类型

  • 普通链接/页面间的链接，跳转到另一个页面
  • 锚链接：链接到锚点（连接到同一个页面的指定位置）
  • 功能链接：实现特殊功能（发邮件，下载）
2.基本用法

使用 标签来创建超链接

语法格式：

<a href="链接地址" target="链接打开位置">链接文本或者图片</a>

常用属性：

  • href:链接地址或者路径，链接地址

  • target:链接打开的位置，取值

    _blank行的，空白的
_parent父层框架
_top顶层框架  ```

<!DOCTYPE html>

<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<a href="https://www.baidu.com">百度</a>
	<hr>
	<a href="d:/123456/b.html" target="_self">b</a>
	<hr>
	<a href="./c.html" target="_blank">c</a>
	<hr>
</body>
</html>

在这里插入图片描述
路径分类：

  • 绝对路径
  • 以根开始的路径
    -file:///D:/123456/b.html
  • 相对路径
  • 相对于当前页面所在路径，不是以根开始的路径
  • ./当前路径
  • …/当前位置上级目录
3.锚链接

3.1简介

点击链接后跳转到某一个页面指定的位置（锚点anchor)

锚链接的分类：

  • 页面内的锚链接
  • 页面间的锚链接
3.2页面内的锚链接

步骤：

1.定义一个锚点（标记）

<a name="锚点名称">目标位置</a>

2.链接锚点

<a href="锚点名称">链接文本</a>

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>


 <p>
    <a name="first">简介</a>
    </p >
    <P>
    HTML的英文全称是 Hypertext Marked Language，即超文本标记语言。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如UNIX， Windows等)。使用HTML语言，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即现在所见到的网页。
    </p >
    <p>  
    自1990年以来，HTML就一直被用作WWW的信息表示语言，使用HTML语言描述的文件需要通过WWW浏览器显示出效果。HTML是一种建立网页文件的语言，通过标记式的指令(Tag)，将影像、声音、图片、文字动画、影视等内容显示出来。事实上，每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。HTML的普遍应用就是带来了超文本的技术―通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面，与世界各地主机的文件链接超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准。
    </P>
    <p><a name ="second">HTML版本</a></p >
    <p>HTML是用来标记Web信息如何展示以及其他特性的一种语法规则，它最初于1989年由GERN的Tim Berners-Lee发明。HTML基于更古老一些的语言SGML定义，并简化了其中的语言元素。这些元素用于告诉浏览器如何在用户的屏幕上展示数据，所以很早就得到各个Web浏览器厂商的支持。 
    </p >
    <p>HTML历史上有如下版本：  
    ①HTML 1.0：在1993年6月作为互联网工程工作小组(IETF)工作草案发布。<br>
    ②HTML 2.0：1995年1 1月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时。 <br> 
    ③HTML 3.2：1997年1月14日，W3C推荐标准。 <br>
    ④HTML 4.0：1997年12月18日，W3C推荐标准。<br> 
    ⑤HTML 4.01（微小改进）：1999年12月24日，W3C推荐标准。<br> 
    ⑥HTML 5：HTML5是公认的下一代Web语言，极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。<br>
    </p >

    <p><a name ="three">特点</a></p >
    <p>
    超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下： [4] 
    简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。 [4] 
    可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。 [4] 
    平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。 [4] 
    通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
    </p >

    <p><a name="four">编辑方式</a></p >
    <p>
    HTML其实是文本，它需要浏览器的解释，它的编辑器大体可以分为以下几种：
基本文本、文档编辑软件，使用微软自带的记事本或写字板都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样就方便浏览器认出直接解释执行了。 [7] 
半所见即所得软件，如：FCK-Editer、E-webediter等在线网页编辑器；尤其推荐：Sublime Text代码编辑器（由Jon Skinner开发，Sublim

在这里插入图片描述

3.3页面间的锚链接
<a href="目标页面的文件名#锚点名称">链接文本<a/>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<ol>
		<li><a href="16.锚链接.html#first" target="_blank">简介</a></li>
		<li><a href="16.锚链接.html#second" target="_blank">HTML版本</a></li>
		<li><a href="16.锚链接.html#three" target="_blank">特点</a></li>
		<li><a href="16.锚链接.html#four" target="_blank">编辑方式</a></li>
		<li><a href="16.锚链接.html#five" target="_blank">整体结构</a></li>
		<li><a href="16.锚链接.html#six" target="_blank">相关要求</a></li>
	</ol>
</body>
</html>

在这里插入图片描述

4.功能连接
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<a href="../image/heihei.gif" target="_blude">点击此处下载图片</a>
	<br>
	<a href="mailto:422133899@qq.com" target="_blude">联系我们</a>
</body>
</html>

在这里插入图片描述

5.URL

5.1 简介

URL：统一资源定位器，用来定位资源所在位置最常见的就是网址

https://www.baidu.com/img/bd_logo1.png
https://www.w3cschool.com/html_quotation_elements.asp
file:///D:/project/code/11.%E5%B8%B8%E7%94%A8%E6%A0%87%E7%AD%BE5.html
http://www.sxgjpx.net/
ftp://10.255.254.253/

5.2 组成

一个完整的URL由8个部分组成：

  • 协议：prococal如

    http:超文本传输协议，用方面来访问web网站hyper text transer protocal

    https:更加安全的协议SSL安全套接子层

    ftp:文件传输协议，用来访问

最低0.47元/天 解锁文章
chaolei1
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML列表属性详解：掌握列表元素的样式和行为控制
a451319296的博客
11-15 3821
HTML 列表是网页中常见的元素类型，可以用来展示一系列相关的数据或信息。为了让列表更加灵活和适应不同场景，HTML 提供了多种列表属性，包括 type、start、reversed、value、compact 等属性。这些属性可以让开发者自由地定制列表的类型、编号、排列方式等特性。
HTML基础知识（3）-----列表
Litheng的博客
01-15 959
主要介绍HTML列表的有序列表、无序列表和自定义列表
web前端开发与应用——分组元素
m0_59742894的博客
12-01 1710
div div元素是没有语义的通用分组元素，早期设计中常用div标签进行网页布局。 blockquote blockquote元素表示摘自另一个源的大段内容的语义化元素。在显示上有段落空隙，在左右两边缩进（增加外边距）。 pre pre元素用来定义预格式化文本，在<pre>标签内容中的文本通常会保留空格和换行符，显示为等宽字体。 figure/figcaption figure元素代表一个和文档相关的图，figcaption是这个图的标题。 ul/li ul可创建无序列表，在这
web笔记
最新发布
2303_76593060的博客
04-25 1622
HTML中的ol元素表示排序的项目列表，属性type 可设置列表符号样式，取值为1表示按数字排序，取值为A表示按大写英文字母排序，取值为a表示按小写英文字母排序，取值为I表示按大写罗马数字排序，取值为i表示按小写罗马数字排序，默认按数字排序。HTML5中的语义化元素nav可表示一个导航区，在其中可以嵌套超链接标签（a）来实现跳转，外部超链接的常用属性有href和title，href的取值为链宿的路径，title的取值为鼠标悬停在链源上显示的文本。另外，改变标记中的“type”属性值，还可以定义按钮类型。
html有序列表数字加小括号,Html有序列表ol,在数字和文本之间添加空格
weixin_29876033的博客
06-03 594
请注意,您的代码中有.li而不是liol {word-break: break-all;margin: 0;padding: 0;}ol ol {margin-left: 2em;}li {list-style-position: inside;padding: 0;}li::before {content: "";width: 20px;display: inline-block;}Hello....
HTML笔记.pdf
07-14
"HTML笔记.pdf" HTML笔记.pdf是一个详细的HTML笔记，涵盖了HTML的基础知识、标签、属性、事件、表单、超链接、图像、表格、列表等内容。下面是从文件中提取的相关知识点： 1. HTML基础知识： * DOCTYPE html是...
HTML 笔记.zip
02-06
这个“HTML笔记.zip”文件显然包含了关于HTML的学习资料，可能包括了基础概念、语法、元素、属性、标签等内容，帮助初学者或进阶者巩固和理解HTML的核心知识。 在HTML中，我们通过一系列的标签来构建网页结构。例如...
HTML笔记.txt
02-25
自己总结的html笔记标签 非常适合初学者参考大牛复习 每个标签都标注了用途 需要的可以下载。
html笔记.doc
01-29
在这个HTML笔记中，主要涵盖了关于HTML和CSS的一些关键知识点，包括元信息设定、文本格式化、列表创建、表格构建、样式定义以及表单元素等。 首先，`<meta charset="UTF-8">`是一个非常重要的元标签，它定义了文档...
自己整理div+css网页标准版式布局(50种布局方式)
12-09
大四了，把之前学的些东西整理整理分享给大家，适合老师网页设计教材及初学者，里面包含了以下内容： 1、固定宽度CSS版式布局 2、自适应(弹性)宽度CSS版式布局 3、标准布局常见问题及解决办法 像素问题及解决办法 上边容器浮动后，下边的容器跟着浮动，造成页面错乱 当子元素浮动且未知高度时，怎么使父容器适应子元素的高度？ 相对定位与绝对定位 IE6双倍边距bug 4、盒模型层次平面示意图和3D示意图
css ol 序列样式：数字带圆圈、括号
qq_42344946的博客
09-05 7395
有序ol基本的网上都有，在这里就不介绍了。 1、数字带登号，如标题的这种 2、通过上面的例子可以扩展一下（1），只要修改成下面的代码，其余不变 ol li:before { content: “(” counter(sectioncounter) “)”; counter-increment: sectioncounter; } 3、数字带小圈圈，也可以扩展一下 html代码 css代码 ...
html学习笔记（一）
neoxuhaotian的专栏
07-10 2269
最近开始学习网站制作。首先开始学习最基础的html语言。一 html基本语法1，标记语法html用于描述功能的符号称为标记。在html中标记的大小写作用相同。标记分为单标记和双标记单标记语法：双标记语法：双标记是由“始标记”和“尾标记”两部分构成的，必须成对使用。始标记告诉浏览器
列表标签
ll123c的博客
03-23 128
1.列表标签 <dl></dl>表示列表的范围 写在<dl>标签内的有：<dt></dt>标签，表示列表的表头 写在<dt></dt>标签内：<dd></dd>标签，表示列表的表头下面的内容 2.有序列表 <ol></ol>表示有序列表的范围 属性是...
html有序列表数字加小括号,数字嵌套HTML中的有序列表
weixin_42354944的博客
06-03 882
SO question 2729927$(document).ready(function() {if ($('ol:first').css('list-style-type') != 'none') { /* For IE6/7 only. */$('ol ol').each(function(i, ol) {ol = $(ol);var level1 = ol.closest('li').in...
HTML基础
VickyMWW的博客
04-25 156
HTML基础: Html是一种超文本标记语言 HyperText Markup Language。 其特点是： 1、html不需要编译，直接通过浏览器展现； 2、html是一个文本文件； 3、必须使用html/htm作为文件的后缀名； 4、大小写不敏感； Html的基本结构包含三部份： 1、头部信息 测试 2、网页内容 网页主体内容 3、整个html文件 HTML标签的属性 语法：<标签名 ...
ul ol li的序号编号样式
热门推荐
11-18 9万+
列表内容列表内容列表内容列表 列表内容列表内容列表内容列表 列表内容列表 列表内容列表内容4 列表内容列表内容5
《HTML标签》〈ul〉〈ol〉〈li〉的使用
佳佳君子的博客
03-05 4万+
《HTML标签》〈ul〉〈ol〉〈li〉的使用。
html5中ol的意思,详解HTML5中ol标签的用法
weixin_34957720的博客
06-26 2025
定义和用法 标签定义有序列表。HTML 4.01 与 HTML 5 之间的差异在 HTML 4.01 中，不赞成使用 "start" 属性，在 HTML 5 中是允许的。在 HTML 4.01 中，不赞成使用 "compact" 和 "type" 属性，在 HTML 5 中，不再支持这两个属性。提示和注释提示：请使用 CSS 来定义列表的类型。例子XML/HTML Code复制内容到剪贴板Coff...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值