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
关注
Python Web开发记录 Day1：HTML（标记语言，结构）
流苏的博客
02-21 1116
Python Web开发记录 Day1：HTML
T-HTML基础-day01-WEB基础知识、HTML快速入门、HTML文档结构、文本标记
奋斗的程序胖的博客
03-23 568
文章目录一.第二阶段计划安排二.WEB基础知识三.HTML快速入门四.HTML的文档结构五.文本标记 一.第二阶段计划安排 HTML5 Basic（2天） 制作页面的标签，搭建网页结构，只用H5搭建的网页----->静态页面 ajax异步数据交互(3天) 异步完成前后端数据的交互 学习ajax面对问题：js熟练度？？写接口的熟练度？？ 项目1（2天） html+ajax完成对用户列表的操作...
arraylist切割_Java：如何在多个小ArrayList中分割ArrayList？
weixin_39614011的博客
02-15 549
您可以使用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 ...
拆分ArrayList为多个list
鸟哥哥的专栏
01-22 1373
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 8224
分页的原理 //初始化一个目标list List<String> arrayList = new ArrayList<>(); for (int i = 0; i <= 231; i++) { arrayList.add(i + ""); } //分割多少，计算一共会有多少页 in...
hadoop partitioner类加载分析
Yohohaha的博客
09-11 271
在hadoop中，在map方法结束写出数据的时候需要对数据进行分区，具体分区实现由Partitioner类提供，而Partitioner类的加载逻辑如下： partitions = jobContext.getNumReduceTasks(); if (partitions > 1) { // 设置的分区数（即reduce task的个数）大于1，则使用设置的分区类 partitioner = (org.apache.hadoop.mapreduce.Partitioner<K,V&gt
将一个list均分成n个list
码瘾的空间
12-17 664
/** * 将一个list均分成n个list,主要通过偏移量来实现的 * @param source * @return */ public <T> List<List<T>> averageAssign(List<T> source,int n){ List<List<T>> result=ne...
HTML超文本标记语言1
weixin_44011306的博客
05-09 237
HTML超文本标记语言标签元素代码书写规范link标签标题栏图标设置meta标签关键字和描述meta标签自动跳转样式使用超链接ID属性class属性title、style属性自定义属性文件下载锚链接空链接外部锚链接 标签 1.双标签（对标签）： a:成双成对出现，可以包含内容； b:有开始标签，有结束标签，结束标签在单词前有“/”； 2.单标签： a:只有开始标签，没有结束标签 b:单标签在开始标签中结束，通常应该在单标签的大于号前加“/”表示结束。 c:单标签的功能需
HTML超文本标记语言（三）
最新发布
qq_56694116的博客
01-01 148
HTML超文本标记语言（三）
day01（HTML01-认知）.zip
12-01
HTML，全称HyperText Markup Language，即超文本标记语言，是网页开发的基础，用于构建和呈现互联网内容。这个“day01（HTML01-认知）.zip”压缩包文件很可能是某个在线课程或自学教程的第一天内容，专注于对HTML的...
HTML5CSS3_day01.md
01-15
- **HTML5**是一种标记语言，代表HyperText Markup Language（超文本标记语言）的第5个主要版本，标志着该标准的一次重大更新。它引入了一系列新的特性和功能，以适应现代Web开发的需求。 - **定义与概念**： - ...
Day01-HTML5.rar
04-22
HTML5是Web开发领域的一个重要里程碑，它是超文本标记语言（HTML）的第五个主要版本。这个名为"Day01-HTML5.rar"的压缩包文件很可能是针对初学者的一份学习资料，涵盖了HTML5的基础知识和应用。下面将详细讨论HTML5...
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切割_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 返回值返回获取到...
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....
把一个List拆分为几个大小一样的List
weixin_33712987的博客
08-28 167
static void Main(string[] args) { List<String> tarArr = new List<String>(); tarArr.Add("a"); tarArr.Add("b"); tarArr.Add("c")...
将List数据分割成若干个小list
抬头仰望57的博客
08-09 1744
将List数据分割成若干个小list 有时候因为数据量过多而不好处理，所以我们希望将list分割成多个批次来进行处理，这怎么实现呢，话不多说，直接上代码 //获取所有数据列表 List<JSONObject> newstExecuteRateList = rateMapper.getRateList(); List<List<JSONObject>> dataList = new ArrayList<>(); int listSize =
arraylist切割_谨慎使用ArrayList中的subList方法
weixin_36212560的博客
01-26 555
转自：https://www.toutiao.com/a6705958780460335619/?tt_from=weixin&utm_campaign=client_share&wxshare_count=1&timestamp=1561423940&app=news_article&utm_source=weixin&utm_medium=tou...
Java基础教程：Day01-变量与数据类型解析
"一起学Java—Day01：Java基础语法，包括注释、变量、数据类型和Scanner类的应用及printf()的相关知识" 在Java编程语言中，掌握基础语法是学习的关键步骤。本文主要涵盖了以下几个方面： 1. **Java中的注释**： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值