HTML基础标签

最新推荐文章于 2024-11-14 00:00:11 发布
最新推荐文章于 2024-11-14 00:00:11 发布
阅读量345 收藏 3
点赞数 8
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43723979/article/details/142469704
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>标题标签</title>
		<style>
			table{
				font-size: 35px;
			}
		</style>
	</head>
	<body>
		<!-- 标题标签 -->
		<h1 id="aindex">这是一级标题</h1>
		<h2>这是二级标题</h2>
		<h3>这是三级标题</h3>
		<h4>这是四级标题</h4>
		<h5>这是五级标题</h5>
		<h6>这是六级标题</h6>
		
		<!-- 水平线标签 -->
		<hr />
		
		<!-- 换行标签 -->
		这是第一行内容。
		只是用回车不能实现换行。
		要这样。
		这是第一行内容<br />
		这是第二行内容
		
		<h3>《静夜思》不换行</h3>
		床前明月光，
		疑是地上霜。
		举头望明月，
		低头思故乡。
		<h3>《静夜思》br换行</h3>
		<!-- 需要注意，在html5中不用自闭合也能正常运行。 -->
		窗前明月光，<br>  
		疑是地上霜。<Br />
		举头望明月，<bR />
		低头思故乡。<br />
		
		<!-- 段落标签 -->
		或者使用段落标签可以让每一个段落自动换行。
		<h3>《静夜思》段落自动换行</h3>
		<p>窗前明月光，</p>
		<p>疑是地上霜。</p>
		<p>举头望明月，</p>
		<p>低头思故乡。</p>
		
		<!-- 字体样式标签 -->
		<p><strong>教育(粗体)</strong>改变<em>生活（斜体）</em></p>
		
		<hr />
		
		<!-- 图片标签，src图片路径，alt不正常显示的提示，title鼠标悬停文字 width宽度 height高度-->
		<img src="./img/pingguo.webp" 
		width='150' 
		height="200"
		alt="图片找不到咯"
		title="这是一个苹果图">
		
		<hr>
		
		<!-- 超链接标签 -->
		<a href='https://www.baidu.com'>跳转百度</a>
		<br>
		<a href='./new_file.html'>跳转新文件</a>
		<br>
		<a href='index.html' target="_blank">在新窗口，跳转新文件页面，且./可以省略。</a>
		<br />
		<a href='index.html' target="_self">在当前窗口，跳转新文件页面。</a>
		<br />
		
		<!-- 锚点链接 -->
		<a href="#aindex" title="点击图片和字，都能返回顶部">
			返回页面首部
			<br />
			<img src="img/pingguo.webp" width="25" href='#aindex'/>
		</a>
		
		<!-- 
		无序列表和有序列表
			1.无序列表，ul，li
			2.有序列表，ol li
			3.定义列表,dl dt dd
		 
		 -->
		<ul>
			<li>周一</li>
			<li>周二</li>
			<li>周三</li>
			<li>周四</li>
		</ul>
		<ol>
			<li>周一哦</li>
			<li>周二哦</li>
			<li>周三哦</li>
			<li>周四哦</li>
		</ol>
		<dl>
			<dt>水果</dt>
			<dd>苹果</dd>
			<dd>香蕉</dd>
			<dd>西瓜</dd>
			<dd>橘子</dd>
		</dl>
		
		
		<!-- 表格 -->
		<table border="1px" >
			<tr>
				<th>手机品牌</th>
				<th>价格</th>
				<th>生产地址</th>
			</tr>
			<tr>
				<td>小米</td>
				<td>1999</td>
				<td rowspan="2">China</td>
			</tr>
			<tr>
				<td>华为</td>
				<td>3599</td>
			</tr>
			<tr>
				<td colspan="3">Apple横跨三列</td>
			</tr>
		</table>
		
		<!-- 
		媒体元素
			1.视频
				controls:视频控制条
				autoplay:自动播放
				loop:循环播放
			2.音频
		 -->
		<!-- <video autoplay='autoplay' loop='loop' width="1555px" controls src="./video/图书馆中秋祝福.mp4"></video> -->
		<!-- 放两种资源进来，由上到下以此尝试，哪个能播放，就播放哪个 -->
		<video controls>
			<source src="video/audio_play_test.mp3"/>
			<source src="video/图书馆中秋祝福.mp4"/>
		</video>
		<audio  controls src="video/audio_play_test.mp3"></audio>
		<br>
		
		<!-- 内联框架 -->
		<iframe width="155px" height="255px" src="./homework1.html"></iframe>
		<!-- 内联框架好用玩法 框架设置name,重开窗口填这个name -->
		<br />
		<a target="iframe_xia" href="https://www.runoob.com">菜鸟官网</a>
		<a target="iframe_xia" href="https://www.baidu.com">百度官网</a>
		<a target="iframe_xia" href="homework1.html">作业1展示</a>
		<br>
		<iframe  width="255px" height='800px' name="iframe_xia" src="https://www.baidu.com"></iframe>
		
	</body>
</html>
盛世孤舟
关注
HTML常用基础标签
qianniao_yingmo的博客
03-30 2106
HTML常用和需要了解的标签
实验1html基础标签（学生端资料）.zip
02-22
这个实验1的主题是“HTML基础标签”，意味着我们将深入探讨HTML中的一些基本元素和结构，这对于任何想要学习Web开发的人来说都是至关重要的第一步。 HTML由一系列的标签组成，这些标签定义了网页的内容和结构。每个...
HTML的基础标签
weixin_62341171的博客
06-27 2063
h标签，即标题标签。HTML中，一共有六级标题标签 h1~h6在显示效果上， h1最大， 往下依次变小，h6最小，在6级标题中h1最重要，其重要性仅仅次于title，搜索引擎检索完title会立即查看h1中的内容。一般的页面中，我们只使用h1 h2 h3，其他的基本不用。用法：<h1>这是一个h1标签</h1>
html基础标签
weixin_50923414的博客
03-13 2091
html基础 标签 目录 标签分类与语法 1.1 单标签和双标签 1.2 行内标签和块级标签 文本标签 ​ 2.1标题标签 ​ 2.2文本修饰标签 段落标签和换行标签 ​ 3.1换行标签 ​ 3.2 段落标签 ​ 3.3水平线标签 图片标签 超链接标签 列表标签 6.1 无序列表 6.2 有序列表 6.3 自定义列表 表格标签 表单标签 ​ 8.1表单基本属性 ​ 8.2文本输入框和密码框 ​ 8.3多选框和单选框 ​ 8.4文件框 ​ 8.5滑动条 ​ 8.6
HTML5 基础标签
m0_73070900的博客
08-04 2638
当今互联网时代，网页是我们获取信息、交流和展示自己的重要渠道之一。而HTML（超文本标记语言）作为构建网页的基础，学习掌握HTML标签成为了必不可少的技能。
HTML常用基础标签详解
实泽有之，无泽虚之
03-09 3033
本文通过样例详解HTML常用的基础标签，包括以下标签：html、h1、h2、h3、h4、h5、h6、body、p、a、br、img。
HTML基本标签
热门推荐
m0_57898822的博客
04-02 1万+
HTML标签
HTML基础标签及其语义
gswsssw的博客
05-10 1688
一、HTML语法规范 1.1、基本语法表述 <html></html>#标签通常都是成对出现（双标签），开始结束标签 <br />#单标签 1.2、标签关系 包含关系与并列关系 包含关系 <head>#父标签 <title> </title>#子标签 <head> 并列关系 <head> </head> <body> </body&...
vscode前端环境配置与html基础标签
佛系更新
05-05 3293
💫你好，我是辰chen，一个正在考研途中的 sophomore dog😖 💫本篇内容来源于对 AcWing-Web应用课的总结与复习，其内容来源于讲义与习题打卡，Web前端专栏地址：Web前端 💫欢迎大家的关注，我的博客主要关注于考研408以及AIoT的内容 以下的几个专栏是本人比较满意的专栏(大部分专栏仍在持续更新)，欢迎大家的关注： 💥ACM-ICPC算法汇总【基础篇】 💥ACM-ICPC算法汇总【提高篇】 💥AIoT(人工智能+物联网) 💥考研 💥CSP认证考试历年题解
html基本标签
weixin_44992737的博客
06-04 4710
html基本标签
HTML基础标签.md
02-05
HTML基本标签，对于初学者来说这是最基本的内容，有效的掌握基本标签是，学习HTML的第一步，也是至关重要的，
有关html基础标签的使用和css的少量样式
08-24
有关html基础标签的使用和css的少量样式
探索 HTML 和 CSS 实现的 3D 开关按钮
weixin_52814911的博客
11-11 491
这段代码是一个HTML和CSS的组合，用于创建一个3D风格的开关按钮（通常用于控制某些设置的开启或关闭）
vue计算属性 初步使用案例
weixin_46253800的博客
11-13 204
会根据我们单项筛选，进行相应的页面展示，计算属性类似于函数，也有其返回值，返回值可以是个数组。用v-model对priceFilter进行了双向数据帮当，单选每一项的时候，会改变其值。computed是计算属性，它与data同级代码块。其中 用v-for循环进行页面打印表单。totalPrice()用于计算总价格。（本章节仅仅面向初步学习，页面简陋）计算属性可以写多个 如同函数类似，这个页面，由计算属性来操控。计算属性可用于插值表达式。在我们的计算属性当中。
HTML之表单学习记录
最新发布
qq_74474809的博客
11-14 180
表单
精读HTML文件——head篇
2401_87603544的博客
11-08 940
首先，<meta>标签是卸载html文件的<head>标签下的，它的内容不会在页面上显示，不过会被浏览器的渲染器识别并执行，这段代码viewport就是一个视图接口，即网站展现在用户面前的样子,width=device-width,就是网页的宽度随着设备的宽度改变而改变，initial-scale=1,是为了优化网页的视觉效果，确保网页在加载的过程中，不会被缩放。3、<meta charset="UTF-8" />这段代码很明显，就是定义编码格式，html代码用UTF-8的形式呈现在网页上。
Java中的HTML元素设置：背景、列表与超链接
2301_77081232的博客
11-13 299
这个div使用了定义好的CSS类来设置背景颜色这是一个动态生成的超链接
HTML基础标签使用案例解析
1. HTML基础结构： HTML文档的基础结构包括了文档类型声明、html标签、head标签和body标签。文档类型声明告诉浏览器这份文档是HTML格式，而html标签包裹整个文档内容。head标签内通常包含了文档的元数据，例如页面...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值