HTML的高级标签

最新推荐文章于 2021-02-27 20:52:12 发布
最新推荐文章于 2021-02-27 20:52:12 发布
阅读量241 收藏
点赞数 1
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36936831/article/details/107047673
版权

HTML的高级标签

空格，回车 = 文字分隔符 （打多少个 都只有一个）
HTML编码
html编码：
空格 等价于 &nbsp
=< 等价于 &lt
=> 等价于 &gt
换行：x <br> y <br>
单标签： <meta> <br> <hr>
<>符号在网页中显示出来用 &lt; 名字 &gt; 代替 lt=little than gt=great than
<br>换行符
需要修饰 成对出现
单标签：不需要修饰 自己单独出现 自己就是功能 <br> <hr> 下划线

有序列表： <ol>列表架 <li>列表项

<ol type=“1”>		<!-引号里写1从1开始排序，写a/A从a/A开始排序，写i/I按罗马数字排序-默认是1开始排序>
	<li>marvel</li>
	<li>速8</li>
	<li>返老还童</li>
	<li>了不起的盖茨比</li>
</ol>

在这里插入图片描述

<ol type=“1” reversed=“reversed”>		<!--reversed=“reversed 使其倒叙排列-->
	<li>marvel</li>
	<li>速8</li>
	<li>返老还童</li>
	<li>了不起的盖茨比</li>
</ol>

在这里插入图片描述

<ol type=“1” start=“2”>		<!--从2开始排序，不管什么类型排序，想从第几个开始填数字-->
	<li>marvel</li>
	<li>速8</li>
	<li>返老还童</li>
	<li>了不起的盖茨比</li>
</ol>

在这里插入图片描述
有序列表： <ul>列表架 <li>列表项 导航栏更适合用<ul><li>父子结构很好

<html> 
<head>
	<meta charset="UTF-8">    
	<title>12</title>		   
</head>
<body>
		<ul type="disc">    <!-- 默认是disc discircle 实心圆 circle空心圆 square 方形-->			
			<li>草莓</li>
			<li>苹果</li>
			<li>橘子</li>
		</ul>
</body>					       
</html>

在这里插入图片描述
<img>标签：引入图片
<img src> src=资源（地址）
1.网上的url
网上图片的地址
2.本地的绝对路径
html与图不在同一文件夹写全图片所在地址<img src="D:/a/b/名字.jpg">
3.本地的相对路径
图片和html在同一个文件夹时，二者成相对关系 <img src="名字.jpg">

<img src=“123.jpg” alt=“文字”> 可以在图片出错的时候展示出文字
在这里插入图片描述
<img src=“123.jpg” alt=“文字” title=“HICC”> title作用：在鼠标放到图片上时显示文字
在这里插入图片描述

<a>标签: <a href=“ ”></a> href = hyperText reference超文本引用
1.超链接
<a href=“http://www.baodu.com ”>百度</a>
<a>标签形式可以为任意东西（包括图片）

<a href="http://www.baodu.com ">
	<img scr="图片地址 ">
</a>

跳转到一个新标签页中：
target="_blank" 在新标签页中打开 加_blank

<a href=“http://www.baodu.com”  target="_blank"> 百度 </a>

2.锚点
点击连接立刻前往该连接对应位置

<!DOCTYPE html> 
<html lang="en"> 
<head>
	<meta charset="UTF-8">    
	<title>123</title>		   
</head>
<body>
	<div id="demo1" style="width: 100px;height: 100px;background-color: green;">demo1</div>	<!--id 唯一标识-->
	<div id="demo2" style="width: 100px;height: 100px;background-color: red;">demo2</div>
	<a href="#demo1">find demo1</a> <!--#demo1寻找到demo1的位置-->
	<a href="#demo2">find demo2</a>
</body>		       
</html>

3.打电话/发邮件

<a href="#tel:123456789">给某人打电话</a>

<a href="#mailto:123456789@qq.com">给某人打发邮件</a>

4.协议限定符
强制使用JSP

<a href="javascript：while(1){alert('死循环')}">协议限定符</a>

<form>标签

<!DOCTYPE html> 
<html lang="en"> 
<head>
	<meta charset="UTF-8">    
	<title>123</title>		   
</head>
<body>
<form method="get/post" action="http://www.baodu.com"> <!-- method发送信息方式   action发送给谁的地址-->
	<p>
	username：<input type = "text" name="username"> <!--输入框 name数据名-->
	</p>
	<p>
	password：<input type="password" name="password"> <!--密码框-->	
	</p>
	<input type="submit" value="lgoin">  <!--submit 提交  value  修改提交的名字-->
</form>>
</body>		       
</html>

密码会由md5加密

单选框

<input type="radio">

<!DOCTYPE html> 
<html lang="en"> 
<head>
	<meta charset="UTF-8">    
	<title>123</title>		   
</head>
<body>
<form method="post" action="">
	
	你们喜欢的球员
	1.贝克汉姆<input type="radio" name="star" value="小贝">
	2.莱昂纳多<input type="radio" name="star" value="莱昂">
	<input type="submit">
</form>
</body>		       
</html>

在这里插入图片描述

<!DOCTYPE html> 
<html lang="en"> 
<head>
	<meta charset="UTF-8">    
	<title>123</title>		   
</head>
<body>
<form method="post" action="">
	
	<p>
	username：<input type = "text" name="username" value="请输入用户名！" οnfοcus="if(this.value==''){this.value='请输入用户名'}" οnblur="if(this.value==''){this.value='请输入用户名'}">  <!--onfocus 鼠标聚焦时 value内容消失 onblur失去焦点回归某个状态-->
	</p>
	<p>
		password：<input type="password" name="password"> <!--密码框-->	
	</p>
	<input type="submit">
</form>
</body>		       
</html>
Hermioneee_
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html高级标签
h574316的博客
10-25 515
ul标签 1、这是一个无序列表 2、内部一个使用li标签定义一个元素ol标签 1、这是一个有序列表 2、同上dl、dt、dd标签 1、dl是自定义列表标签；dt处于dl内，列表标题；dd为列表内容。以下是使用该三个标签实现的样式及代码：<dl>dl标签 <dt>dt</dt> <dd>dd0</dd> <dd>dd1</dd> </dl>dl标签 dt dd0 dd1 table标签 1
Java中替换HTML标签的方法代码
09-04
总的来说，Java中的`replaceAll()`方法是处理HTML标签的基础手段，而更高级的HTML处理通常需要借助专门的解析库。了解这些基础技巧对于任何Java开发者来说都是有益的，特别是在处理与HTML相关的数据时。
HTML图片切换高级代码
08-29
HTML图片高级切换代码，共11张图片，非常方便使用
HTML高级（表单标签）
web开发自学
09-09 214
表单标签 &lt;form&gt;&lt;/form&gt; 属性： action:服务器端处理用户输入的程序，URL action="http://www.baidu.com/counter.jsp" 没有设置或为空串时，提交给自己 method:定义浏览器将表单中信息提交给服务器端处理程序的方式， 取值可以为 GET：小于1K POST:信息量较大 target：用...
HTML高级标签
Momosaki的博客
10-02 441
HTML高级标签 一、表格标签 二、表单标签 三、容器标签 一、表格标签   表格标签呈现一种嵌套关系，最外层是table标签，而我们的表格的内容是写在tbody标签内的。其中我们用tr标签创建行也就是tr标签内部的内容在同一行，后面的tr标签同理也是各占一行，依次排列下去。   我们知道，表格都有一行用于说明该行或者该列是什么数据的内容，这部分我们成为表格头，用th标签将其分隔开。后面的每一行中的每一项我们用td标签来分开。默认效果中th标签内的字要比tr标签内的粗，或者说字重比较大
易语言清除HTML标签
07-22
如果需要处理复杂的HTML，可能需要使用更高级的方法，例如解析HTML为DOM树，然后遍历节点，只保留文本内容。 在提供的压缩包文件“易语言清除HTML标签源码”中，应该包含了具体的源代码实现。通过查看和学习这段...
html 块级标签与内联标签的区别
12-13
1. Block-level element: 指能够独立存在, 一般的块级元素之间以换行(如一个段落结束后另起一行)分隔....3. Top-level element: 包括html, body, frameset, 表现如Block-level element, 属于高级块级元素.
Java/Js下使用正则表达式匹配嵌套Html标签
10-28
以前写过一篇文章讲解如何使用正则表达式完美解决Html嵌套标签的匹配问题（使用正则表达式匹配嵌套Html标签），但是里头用到了平衡组这样的高级特性，貌似只有DotNet还有Perl正则引擎支持，因此通用性不高。
HTML标签查询软件
07-18
通过使用这样的查询软件，开发者不仅可以快速掌握基本的HTML知识，还能深入理解高级特性和最佳实践。这对于初学者来说是宝贵的资源，对于经验丰富的开发者来说，也是一个便捷的参考工具，确保他们能跟上HTML技术的...
HTML5高级程序设计_源代码
12-03
HTML5高级程序设计_源代码 av canvas communication forms geolocation intro offline storage websocket workers
html5高级程序设计完整源代码
11-22
html5高级程序设计完整源代码 这是html5高级程序设计的配合书籍的完整源代码
HTML高级标签之表格标签
anig2014的专栏
04-01 1828
前面学习了一下HTML的常用标签, 今天开始高级标签之路! 一.表格标签 1.作用: 创建一张表格 2.各属性作用: 标签之前, 未设置特定位置时, 会随着表格的移动而移动 --> 标签区别: 加粗居中--> 3.代码示例: 表格的应用 -->
HTML高级（头元素）
web开发自学
09-09 128
头元素是指位于&lt;head&gt;&lt;/head&gt;标签对之间的元素 1,&lt;title&gt;&lt;/title&gt; 设置标题 2,&lt;base&gt; 用于指定网页中超链接的基准地址，以改变网页中所有使用相同 地址的URL的基准地址 例如： &lt;base href="http://www.baidu.com/teack/" target="_b
HTML高级（表格标签）
web开发自学
09-09 221
&lt;table&gt;&lt;/table&gt; 属性： bgcolor：背景色 border：边框 bordercolor：边框颜色 bordercolorlight：边框高亮部分的颜色，border &gt; 1有效 bordercolordark：边框灰暗部分的颜色，border &gt; 1有效 cellspacing：单元格间隔 cellspadding：单元格内容...
HTML高级（分区标签）
web开发自学
09-11 617
分区标签： &lt;div&gt;&lt;/div&gt; 该标签可以用来组合其他的HTML元素，但不能潜逃在段落元素中 &lt;span&gt;&lt;/span&gt; 分段取出文本元素 &lt;span&gt;zhang&lt;/span&gt;san &lt;div align=center&gt; &lt;p&gt;第一段&lt;/p&g
六、HTML高级标签
并不傻的袍子
02-27 337
一、表格标签 表格是实际开发中非常常用的标签： （一）表格的主要作用 表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。 Pink老师总结：表格不是用来布局页面的，而是来展示数据的。 （二）表格的基本语法 <table> <tr> <td>单元格内的文字</td>
HTML标签全解析：从基础到高级
"这篇资源是关于HTML标签的全面解释，涵盖了HTML的基本结构和常用标签的用法。" 在HTML（HyperText Markup Language）中，标签是构建网页结构和内容的关键元素。HTML标签由尖括号包围，通常成对出现，如`<tagname>`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值