HTML5

最新推荐文章于 2021-07-08 22:28:06 发布
最新推荐文章于 2021-07-08 22:28:06 发布
阅读量183 收藏
点赞数 1
分类专栏： H5 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>标题标签</title>
	</head>
	<body>
	<!--标题标签h1-h6,n从1到6逐渐变小，换行标签 br-->
	<!--标题标签使用<hn></hn>，特点：加粗加黑显示，单独占用一行。与其他行有一定的行间距-->
	<h1>公司简介</h1>
	<h2>公司简介</h2>
	<h3>公司简介</h3>
	<h4>公司简介</h4>
	<h5>公司简介</h5>
	<h6>公司简介</h6>
	<!--注释：ctrl+/-->
	<!--水平线标签，hr-->
	<!--加入一条水平线-->
	<hr noshade="noshade"/>
	
	
	<br />
	
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>字体标签</title>
	</head>
	<body>
		<font color="#FF0000">我爱中国</font>
		<br />
		<font color="aqua">我爱中国</font>
		<br />
		<font color="darkorange" size="5"> 我爱中国</font>
		<br />
		<font color="aliceblue" size="6" face="微软雅黑">我爱中国</font>
	</body>
</html>

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网站信息显示页面</title>
	</head>
	<body>
	<!--1.创建一个标题标签-->
	<h2>公司简介</h2>
	<!--2.创建一个水平线标签-->
	<hr />
	<!--3.创建几个段落标签-->
	<p>我爱中国</p>
	<!--p是段落，b是加粗，i是斜体-->
	<p><font color="red">我爱<b>中国</b><i>北京</i></font></p>
	
	</body>
</html>

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>超链接标签</title>
	</head>
	<body>
		<a href="https://www.baidu.com/">点我有惊喜</a>
		<br />
		<a href="https://www.baidu.com/" target="_blank">点我也有惊喜</a>
		<br />
		<a href="https://www.baidu.com/" target="_search">123</a>
	</body>
</html>

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>无序列表</title>
	</head>
	
	<body>
		<ul type="square">
			<li>CSDN</li>
			<li>百度</li>
			<li>京东</li>
		</ul>
	</body>
</html>

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>有序列表</title>
	</head>
	<body>
		<!--start是开始的数，reversed是逆序，含有type属性-->
		<ol start="5" reversed="reversed">
			<li>CSDN</li>
			<li>百度</li>
			<li>京东</li>
		</ol>
	</body>
</html>

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商城首页</title>
	</head>
	<body>
		<!--1.创建一个八行一列的表格-->
		<table border="1px" width="1300px"align="center" cellpadding="0px" cellspacing="0px">
			<!--2.logo部分-->
			<tr>
				<td>
					<!--嵌套一个一行三列的表格-->
					<table border="1px" width="100%" >
						<tr height="50px">
							<td width="33.3%">
								<img src="../../img/0A62AE68CF7D7986D6449E2A6D46057F.jpg"/ height="47px">
							</td>
							<td width="33.3%">
								<img src="../../img/A.gif" height="47px" />
							</td>
							<td width="33.3%">
								<a href="https://home.firefoxchina.cn/" target="_blank">登陆</a>
								<a href="https://home.firefoxchina.cn/">注册</a>
								<a href="https://home.firefoxchina.cn/">购物车</a>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<!--3.导航图-->
			<tr>
				<td height="50px" bgcolor="black">
					<a href="https://home.firefoxchina.cn/"><font size="50" color="white">首页</font></a> &nbsp;&nbsp;&nbsp;&nbsp;
					<a href="https://home.firefoxchina.cn/"><font color="white">手机数码</font></a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="https://home.firefoxchina.cn/"><font color="white">电脑办公</font></a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="https://home.firefoxchina.cn/" target="_blank"><font color="aqua">王者荣耀</font></a>&nbsp;&nbsp;&nbsp;&nbsp;
					
				</td>
			</tr>
			<!--4.轮播图-->
			<tr>
				<td>
					<img src="../../img/0A62AE68CF7D7986D6449E2A6D46057F.jpg" width="100%">
				</td>
			</tr>
			<!--5.最新商品-->
			<tr>
				<td>1</td>
			</tr>
			<!--6.广告图片-->
			<tr>
				<td>1</td>
			</tr>
			<!--7.热门商品-->
			<tr>
				<td>1</td>
			</tr>
			<!--8.维权-->
			<tr>
				<td>1</td>
			</tr>
			
			<tr>
				<td>1</td>
			</tr>
		</table>
	</body>
</html>

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表格标签</title>
	</head>
	<body>
		<!--boder 是边框的意思-->
		<!--align 是选择表格的位置，bgcolor是选择表格的颜色-->
		<!--cellspacing是单元格与单元格之间的距离,设置边框与边框的间距，单元格与里面内容的间剧用cellpadding，是设置边框与内容的间距-->
		<table border="1px" width="450px" height="150px" align="center" bgcolor="pink" cellspacing="0px" cellpadding="0px">
			<!--颜色是就近原则-->
			<tr height="100px" bgcolor="aqua">
				<td>11</td>
				<td>12</td>
				<td>13</td>
			</tr>
			<tr>
				<td>21</td>
				<td>22</td>
				<td>23</td>
			</tr>
			<tr>
				<td>31</td>
				<td>32</td>
				<td>33</td>
			</tr>
		</table>
	</body>
</html>

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表格换行跨列操作</title>
	</head>
	<body>
		<table border="1px" width="500px" height="200px" align="center" cellspacing="0px"cellpadding="0px">
			<tr>
				<td colspan="2" align="center"><!--<img src="../../img/0A62AE68CF7D7986D6449E2A6D46057F.jpg" height="=100%" width="100%">--> </td>
				<!--<td>12</td>-->
				<td>13</td>
				<td>14</td>
			</tr>
			<tr>
				<td>21</td>
				<td colspan="2" rowspan="2" align="center">
				<!--<td>23</td>-->
				<table border="1px" align="center" width="100%" height="100%">
					<tr>
						<td>11</td>
						<td>12</td>
						<td>13</td>
						
					</tr>
					<tr>
						<td>21</td>
						<td>22</td>
						<td>23</td>
						
					</tr>
					<tr>
						<td>31</td>
						<td>32</td>
						<td>33</td>
					</tr>
				</table>
				</td>
				<td>24</td>
			</tr>
			<tr>
				<td>31</td>
				<!--<td colspan="2" align="center">32</td>-->
				<!--<td>33</td>-->
				<td rowspan="2" align="center">34</td>
			</tr>
			<tr>
				<td>41</td>
				<td>42</td>
				<td>43</td>
				<!--<td>44</td>-->
			</tr>
		</table>
	</body>
</html>

 

遇见生活222
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
5.HTML标题
正直 的博客
02-04 256
HTML标题 在HTML文档中，标题很重要 标题是通过<h1>~<h6>标签定义的， <h1>定义最大的标题，<h6>定义最小的标题 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>页面标题</titl...
html5七天速成手册
12-21
html5七天速成手册
HTML 标题
鸟人如风,不舍昼夜.
10-04 473
在 HTML 文档中，标题很重要。 HTML 标题 标题（Heading）是通过 - 等标签进行定义的。 定义最大的标题。 定义最小的标题。 实例 This is a headingThis is a headingThis is a heading
HTML 5--设计网页的文本内容--标题文本
ai516001066的博客
04-14 399
1. <hgroup> <h1></h1> <h2> </h2> <h3></h3></hgroup> 代码如下： 1 <!doctype html> 2 <html> 3 <head> 4 <meta chars...
html5 标题标签
weixin_49007365的博客
07-08 424
html5 标题标签 介绍：HTML提供了h1，h2，h3，h4，h5，和 h6元素用来表示页面的标题。 标题元素有一个排名，在其名称中的数字给出。h1 元素具有最高等级,常用于网站的标题，该h6元素具有最低等级，并且两个具有相同名称的元素具有相同等级。 标题元素属于不可自由嵌套的块级元素（自己独占一行），即在标题标签中不可以嵌套任何块级元素。格式： 效果图： 元素支持的属性： 注意，从SEO（Search Engine Optimization，搜索...
HTML5标签
baobao__的博客
07-29 496
文章目录HTML5标签 HTML5标签 1.块级标签： 1）div标签：搭建网页结构的基本标签，无语义标签 宽度100%， 高度自适应 (内容有多高，div盒子有多高 独立成行-默认垂直分布 2）标题标签： h系列标签：通过h1-h6标签,h1定义最大标题（同一页面中h1只能使用一次）；从h1-h6字体大小以此减小，重要程度依次减弱， 宽度100%，高度自适应，独立成行，默认垂直布局；自带间距和...
程序员给女朋友用HTML5制作的3D相册
04-21
HTML5是一种强大的网页开发技术，它为网页开发者提供了丰富的功能和接口，使得创建交互式、动态和响应式的网站成为可能。在这个"程序员给女朋友用HTML5制作的3D相册"项目中，我们可以看到HTML5如何被巧妙地利用来...
html5手机版问卷
12-15
HTML5手机版问卷是一种基于Web技术实现的移动端调查工具，它利用HTML5的先进特性，为用户提供了一种在手机或平板电脑上填写问卷的便捷方式。本压缩包包含了一个基本的HTML5问卷模板，该模板设计简洁，易于理解和修改...
30个html5手机网站源码
02-28
HTML5手机网站源码是现代网页开发的重要组成部分，尤其对于初学者来说，这些源码提供了宝贵的实践和学习机会。在本篇文章中，我们将深入探讨HTML5在手机网站开发中的应用，以及通过分析30个不同的手机网站源码，你...
HTML5调用本地摄像头拍照
11-18
HTML5是现代网页开发的重要标准，它引入了许多新特性，其中一项便是能够调用本地摄像头进行拍照。这一功能极大地丰富了网页应用的交互性，让用户无需离开页面就能获取和上传图片，常见于在线聊天、虚拟试衣间、证件...
HTML5基础语法详述
Jorwnpay's Blog
05-08 2958
HTML5标签 HTML不是一种编程语言，而是一种标记语言（Hyper Text Markup Language）。HTML5标记标签是由尖括号括起来的关键词，比如<html>。 HTML5的标签通常是成对出现的，如<b>和</b>其中第一个标签是开始标签，第二个标签是结束标签。 语法： <标签名称>文本内容</标签名称> 成对的标签只...
7.HTML 教程- (HTML5 标题）
chengsi7614的博客
06-02 315
HTML 教程- (HTML5 标题） 1.HTML 标题 标题（Heading）是通过 <h1> - <h6> 标签进行定义的. <h1> 定义最大的标题。 <h6> 定义最小的标题。 2.HTML 水平线 ...
html5 标签学习【一】
haha的专栏
11-27 76
html5 标签学习 标题标签 成对标签：<h1><h2><h3><h4><h5><h6> 段落及换行标签 成对标签：<p> 单个标签：<br /> 文本标签 <>
HTML学习笔记5-HTML标题
doulihang的博客
08-07 163
一、HTML标题 1.HTML标题是通过<h1>-<h6>标签定义 2.<h1>最大，<h6>最小 注意：编写HTML文件时，必须要确保<h1>-<h6>标签只能用于标题，不仅仅是因为字体加粗及变大的原因。浏览器会根据文件的标题及内容，设置索引。 实例 <!DOCTYPE html> <html ...
html5标题标签，blockquote 引用标签，pre预格式标签
ztt0918的博客
03-21 1014
html5标题标签，blockquote 引用标签，pre预格式标签
HTML5—基本标签
TaoismHuang的博客
07-18 739
文章目录标题标签段落标签空格标签换行标签分割线标签加粗标签斜体标签链接标签 标题标签 标题是通过<h1> - <h6> 标签来定义的 实例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </h...
HTML5常用标签
qq_45621040的博客
02-04 179
1.标题标签 h1-h6 双标记，块级元素 align 内容水平对齐方式 默认值 left 居左 right 居右 center 居中 2.块级元素和行内元素 <h1> 一号标题 </h1> 元素的开始 元素的内容 元素的结束 块级元素和行内元素的区别： 1）块级元素独占一行，行内元素在同一行显示 2）块级元素默...
HTML(标题)
Steven
08-24 1374
网页标题,html,h1
HTML5入门权威指南
"The Definitive Guide to HTML5" 是一本详细介绍HTML5的指南，由Apress出版。这本书旨在帮助读者从基础开始理解并掌握HTML5的相关技术，包括HTML元素、CSS3和JavaScript。书中的内容涵盖了HTML5的上下文、准备阶段...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值