11.18html

最新推荐文章于 2023-12-08 11:26:16 发布

小辰仔

最新推荐文章于 2023-12-08 11:26:16 发布

阅读量116

点赞数

本文链接：https://blog.csdn.net/qq_43467029/article/details/84206239

版权

今天学习了html语言（超文本标记语言）的一小部分知识
知道了网页上的一些东西是怎么来的，让我感受到，其实设计网页离我们并不是很遥远

 <html>
		<head></head>
		<body></body>
 </html>
这就是一个基本的格式

<head></head>叫头标签，顾名思义，头是人身上一个重要部位，所以放在里面的东西嘞就比较重要。比如<meta>标签， html里为数不多的一个单标签，如果少了它，制作网页就是无稽之谈，至少在中国是这样，因为如果少了它，所有的汉字都表现不出来。而如果我们在<head>标签中加入<meta charset="utf-8">这个子标签，别说是中文，什么法语，西班牙语它都可以识别（虽然我们输入法打不了法语，西班牙语—_—）这个utf-8叫万国语，能让网页识别多种语言。然后<head>标签里还有一个重要的子标签叫<title>标签，写在<title>标签里面的内容呢就会显示在网页的这个地方
在这里插入图片描述

<body>标签，也叫正文标签，写在里面的东西就会展现在网页的正文处。<body>标签里也有许多的子标签，就例举几个常用的
标签以及它们的功能：
<p></p>标签：使内容成段表示（就是换行—_—）；
<strong></strong>标签：使内容加粗；
<em></em>标签：使内容斜体；
<h1、2、3、4、5、6></h1、2、3、4、5、6>标签：使内容作为标题（从1-6字体逐渐变小）；
这些个标签呢都可以嵌套使用，同时实现多种功能
<div></div>标签一个极其重要的标签它可以将网页分成很多版块，类似于报纸排版，就我个人理解，它就是一个分组的工具，它将网页分成许多小组，每个小组会有其自己的内容和功能，然后再这个小组中又可以添加子标签，像

有序列表<ol>（列表架）   					无序列表 <ul>  （列表架） 				
		    	<li></li>								<li></li>
		    	<li></li>（列表项） 						<li></li>（列表项） 
		   		<li></li>								<li></li>
	        </ol>									</ul>

导航栏就是这样写出来的（一般用无序列表这种格式）
而有序列表本来的作用是将内容按顺序排列
1、… （默认按1 2 3排列，但可以加入属性type=“a”，则从a开始排)
2、… 还可以在后面再加一个属性start="2"则从b开始排）
3、… ps：加入reversed=“reversed"就变为倒叙
无序列表就是将1 2 3换成一个实心圆点（默认是圆点，也可以加type来改）
还有就是你想在网页上输出空格，按空格键是没用的，不论按多少下空格都只会显示一个空格。想输出空格就要打上&nbsp；
这个就表示一个空格。然后想输出一个比如<div>这样的文本是不能直接打的，<div>这样才行，lt呢你可以理解为less than小于的意思，而”<"这个符号在数学中就是小于，同理gt就是great than 大于，这样方便记忆。
<br></br>也可以表示换行，并不是只能用<p></p>标签，但是为了增加程序的可读性最好使用<p>标签。

<img src="图片地址">标签：这是一个引入图片的标签，双引号中间放图片地址，它有两个比较重要的属性
alt="…"
title="…"
alt的用处呢就是当你图片地址或者格式错了显示不出来，就会显示alt里面的内容;
title:比如一些网页上的图片，当你鼠标悬浮在图片上时会显示一些字，这些字就是title内的内容。

<a href="...1...">...2...</a>标签：超链接，那个herf全称是hypertext reference，意为超文本应用，就是引用一个网址，将你想要的网址呢写在1中，而你给别人看到的超链接写在2，<a>标签默认是在本页面打开你引用的网址，加入属性—target="_blank"就可以在新页中打开。
<a>标签还可以做锚点，锚点就是点击后找到你想找的东西，比如网页上的置顶键，只需在herf=" "中输入#加你想找的东西的
id（标识)