Day01 HTML超文本标记语言

已于 2022-08-16 13:39:35 修改
阅读量323 收藏
点赞数 2
文章标签： html css
于 2020-10-18 21:52:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Libe2ty/article/details/109151011
版权

HTML

HTML概述

HTML(HyperText Markup Language)超文本标记语言

超文本:是指页面内可以包含图片、链接、声音,视频等内容
标记:标签(通过标记符号来告诉浏览器网页内容该如何显示)

<!DOCTYPE html>
<!-- 注释 Ctrl+/     -->
<html>
	<!-- 网页的头，设置网页的信息 -->
	<head>
		<!-- 设置网页字符集编码 -->
		<meta charset="utf-8" />
		<!-- 这些信息时提供给搜索引擎 了解 -->
		<meta name="keywords" content="手机,家电">
		<meta name="description" content="免费 web &编程">
		
		<!--   为标题添加图标, href="图标地址" rel="说明文件的类型"  -->
		<link href="img/baidu.ico" rel="icon" >	<!-- icon 图标 -->
		
<!-- 网页的标题 -->
		<title>百度一下，你就晓得</title>
	</head>
	
	<!-- 网页的主体，设置网页的内容 -->
	<body>
		<!-- 
		 标签分类：
		 <开始>+修饰的内容+</结束>        称为          闭合标签(双标签)
         <link href="img/baidu.ico" rel="icon" >	  自闭合标签
		 -->
		<b>百度一下，你就知道</b>
	</body>
</html>

标题标签

<html>
	<head>
		
		<!-- align="left" 默认左对齐
		     align="center"  居中
			 align="right" 右对齐-->
		
		
		<meta charset="utf-8">
		<title>标题标签Headline</title>
	</head>
	<body>
		<h1 align="center">独占一行的一级标签 </h1>
	    <h2 align="right">二级标签</h2>
		<h3>三级标签</h3>
	</body>
</html>

段落标签

<html>
	<head>
		<meta charset="utf-8">
		<title>段落标签 paragraph</title>
		<!-- p标签表示一整个段落,每个段落之间都会有明显的间隔
		    css语言: style="text-indent:2em;"      首行缩进两格
			无论代码中文字中间有多少个空格,在浏览器中只显示一个空格;多次使用&nbsp;可以显示多个空格
			<br/>    换行标签
			
			特殊符号转义:   注意使用时带上后面的分号!
			               1.小于号    <   &lt;        less than
			               2.大于号    >   &gt;	       greater than
						   3.版权      ©   &copy;      copyright
			               4.注册商标  ®   &reg;       register
			               5.商标      ℗   &trade;     trademark
						   6.空格          &nbsp;
			-->
	</head>
	<body>
		<p>
			bot_kick;  <br/>   sv_cheats 1;mp_freezetime 0;  &nbsp;&nbsp;&nbsp;&nbsp;   sv_infinite_ammo 1;
			sv_grenade_trajectory 1;mp_roundtime_defuse 60;mp_drop_knife_enable 1;
			mp_maxmoney 16000;mp_startmoney 16000;mp_buy_anywhere 1;
			god 1;bind "M" "noclip";sv_alltalk 1;sv_showimpacts 1;mp_buytime 9999;mp_maxrounds 99;
			mp_limitteams 0;mp_autoteambalance 0;ammo_grenade_limit_total 5;bot_stop 1;
			mp_spectators_max 9;snd_setmixer Amibent vol "0.0";mp_restartgame 1;
		</p>
		<p align="right">
			give weapon_knife_butterfly;         ent_fire weapon_knife addoutput "classname weapon_knifegg";        
			bind "L" "exec autoexec"
		</p>
		
		
         <!-- 如果要显示"大于号b小于号 陕西理工大学"  -->
         &lt;b &gt;陕西理工大学
		 
		 
	</body>
	
</html>

列表标签

<html>
	<head>
		有序列表
		     <!-- 
			  有两组标签构成 ol li 列表项内容
			  列表项内容前面会自动生成"序号"
			  type="1"  或者其他类型 A;a;I;i;
			  -->
		 无序列表 
		    <!-- 
			ul li
			type=disc(默认)  或 square,circle
		     -->
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ol type="I">
			<li>列表项内容</li>
			<li>列表项内容</li>
			<li>列表项内容</li>
			<li>列表项内容</li>
		</ol>
		<ul>
			<li>无序列表</li>
			<li>无序列表</li>
			<li>无序列表</li>
			<li>无序列表</li>
		</ul>
	</body>
</html>

超链接标签

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<a href="http://www.hao123.com">
	</body>
</html>

图像标签

	<body>
      <!-- 		img   标签
                src="图片地址"  引用项目(img)中的图片
				alt="这是hao123"  打开浏览器时图片不能正常显示时的提示信息
				title="hao123.comba/bilbili" 鼠标移动到图片标签上提示的信息
				border默认等于0 无边框
		 -->
			 <img src="课件/img/hao123.png" width="50%" height="200" broder="0" alt="这是hao123" title="hao123.comba/bilbili"/>
		 </a>
	</body>
Libe2ty
关注
使用HTML开发商业网站-案例-制作音乐排行榜课件.pptx
07-10
使用HTML开发商业网站 案例-制作音乐排行榜 阶段案例——制作音乐排行榜 制作音乐排行榜 如果把个元素都看成盒子，则页面由多个盒子构成。整个模块由唱片背景和歌曲排名两部分构成。其中唱片背景由一个div进行整体控制，歌曲排名部分结构清晰，可由无序列表<ul>进行定义。 结构图如右所示。 div ul li li li li li li 分析效果图 控制效果图5-51的样式主要分为以下几个部分： （1）通过最外层的大盒子对页面的整体控制，需要对其设置宽度、高度、圆角、边框、渐变及内边距等样式，实现唱片背景效果。 （2）整体控制列表内容（ul），需要对其设置宽度、高度、圆角、阴影等样式。 （3）设置5个列表项（li）的宽高、背景样式属性。其中第一个li需要添加多重背景图像，最后一个li底部要圆角化，需要对它们单独进行控制。 分析效果图 <!doctype html> <html> <head> <meta charset="utf-8"> <title>音乐排行榜</title> </head> <body> <div class="bg"> <ul> <li class="tp"></l
Java List 分割
热门推荐
suge_lean的博客
12-21 2万+
Java List 分割： 1、使用 Java ArrayList subList() 方法 2、使用 谷歌Lists.partition() 方法
拆分ArrayList为多个list
鸟哥哥的专栏
01-22 1369
public class CommonUtil { /** * List集合拆分 * * @param list 原始数据 * @param count 每个list的元素数量 * @param <T> * @return 拆分得到的list集合 */ public static <T> List<List<T>> splitListByCount(List<T&g
ArrayList 分隔List集合,按指定大小,将集合分成多个
yangyangchu博客
06-25 8223
分页的原理 //初始化一个目标list List<String> arrayList = new ArrayList<>(); for (int i = 0; i <= 231; i++) { arrayList.add(i + ""); } //分割多少，计算一共会有多少页 in...
【面试宝典】ArrayList详解
youngpeople_的博客
01-05 520
由于本文篇幅过长，为了方便大家阅读和收藏，特意将本文转成了一份PDF版的文档。 点击下载Java学习手册，pdf教程。 1. 集合概述 Java中集合主要分为三大类： List：有顺序，可重复。 Set：无顺序，不可重复。 Map：无顺序，不可重复。 其中List类集合中，最常用的就是ArrayList。 2. ArrayList概述 ArrayList拆分成两个单词分别是Array+List，Array表示数组，List表示列表。所以也表示了ArrayList的底层使用数组实现的。 传..
day01（HTML01-认知）.zip
12-01
HTML，全称HyperText Markup Language，即超文本标记语言，是网页开发的基础，用于构建和呈现互联网内容。这个“day01（HTML01-认知）.zip”压缩包文件很可能是某个在线课程或自学教程的第一天内容，专注于对HTML的...
Day01-HTML5.rar
04-22
HTML5是Web开发领域的一个重要里程碑，它是超文本标记语言（HTML）的第五个主要版本。这个名为"Day01-HTML5.rar"的压缩包文件很可能是针对初学者的一份学习资料，涵盖了HTML5的基础知识和应用。下面将详细讨论HTML5...
HTML5CSS3_day01.md
01-15
- **HTML5**是一种标记语言，代表HyperText Markup Language（超文本标记语言）的第5个主要版本，标志着该标准的一次重大更新。它引入了一系列新的特性和功能，以适应现代Web开发的需求。 - **定义与概念**： - ...
day30-Auto Text Effect（自动文本吐字效果）
最新发布
07-21
HTML（超文本标记语言）是网页内容的基础结构，我们通常会创建一个`<div>`元素作为容器，用来包含要动态显示的文本。例如： ```html 我正在缓缓显示... ``` **CSS美化** CSS（层叠样式表）用于定义网页元素的...
在线教育课程day01_前端项目
09-25
HTML（超文本标记语言）用于创建网页的结构，CSS（层叠样式表）负责页面的布局和视觉样式，而JavaScript则提供了动态功能和交互性。 在这个day01的课程中，学员可能会学习到以下内容： 1. **HTML基础**：包括HTML5...
arraylist切割_Java ArrayList subList()方法
weixin_28835583的博客
12-23 3735
Java ArrayList subList()方法java.util.ArrayList.subList(int fromIndex, int toIndex) 方法用于截取位于给定范围内的所有元素。1 语法public List subList(int fromIndex, int toIndex)2 参数fromIndex：起始元素的索引。toIndex：结束元素的索引。3 返回值返回获取到...
如何在Java中将一个列表拆分为多个较小的列表
yuguang的博客
03-28 4618
在Java中，有多种方法可以将一个列表拆分为多个较小的列表。在本文中，我们将介绍三种不同的方法来实现这一目标。
Java将List按指定数量拆分成多个的两种实现方法
letterss的博客
06-08 1万+
有时候我们需要将大集合按指定的数量分割成若干个小集合。（比如：集合作为SQL中IN的参数，而SQL又有长度限制，所以需要分批分几次进行查询）
arraylist切割_ArrayList.subList方法的
weixin_31966185的博客
12-23 620
在平时，需要取出集合中一部分数据时。通常会使用subList举个例子：List list=new ArrayList<>();list.add("d");list.add("33");list.add("44");list.add("55");list.add("66");List list2 = list.subList(0, 2);System.out.println(list....
arraylist切割_JAVA List和Map切割工具详解
weixin_31533759的博客
02-15 492
使用PHP开发的同学都知道array_chunk函数，其作用是将数据进行切割分段，但是在 java中却找不到合适的给List和Map分段的函数。在此我写了一个切割工具，分享一下import org.springframework.util.CollectionUtils;import java.util.ArrayList;import java.util.HashMap;import java....
arraylist切割_javaAPI深入理解（1）如何截短一个List以及List.subList()方法的坑
weixin_30496435的博客
01-14 365
removeRange(int, int);这个方法AbstractList并没有暴露出来，我们应该如何得到一个截短的list?1 如何得到一个list某个范围的子集sublist首先想到sublist(int, int)方法注意此方法参数左闭右开。测试如下1.1 修改sublist会影响原来的listLinkedList ll = new LinkedList<>();ll.add(...
Java中如何对list进行分段操作？java入门推荐
lmseo5hy的博客
01-19 1296
有时候，我们需要从一个系统里导出数据，并导入另外一个系统中，而这个数据很大，而数据导入受到限制，无法实现，这时，我们就需要对数据进行List切分，然后再一个个导出，最终，实现数据导入。对于数据的分段处理，我们可以采用subList方法进行实现，具体用法可参看以下案例：import java.util.ArrayList;import java.util.List;public class list
arraylist切割_Java：如何在多个小ArrayList中分割ArrayList？
weixin_39614011的博客
02-15 548
您可以使用subList(int fromIndex, int toIndex)获取原始列表的一部分的视图。从API：Returns a view of the portion of this list between the specified fromIndex, inclusive, and toIndex, exclusive. (If fromIndex and toIndex are ...
Java基础教程：Day01-变量与数据类型解析
"一起学Java—Day01：Java基础语法，包括注释、变量、数据类型和Scanner类的应用及printf()的相关知识" 在Java编程语言中，掌握基础语法是学习的关键步骤。本文主要涵盖了以下几个方面： 1. **Java中的注释**： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值