入坑的第一天----------HTML基础

久醉呀

已于 2022-07-08 21:54:14 修改

阅读量471

点赞数 4

文章标签： html 前端

于 2022-07-08 21:28:43 首次发布

本文链接：https://blog.csdn.net/qq_35991442/article/details/125684131

版权

前言

随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

一、HTML是什么？

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

（来自百度百科0.0）

二、基本标签

1.基本结构

学习之前我们先来了解一下基本结构，基本以后每次敲代码都要有的东西。

代码如下（示例）：

<!DOCTYPE html>
<html>
	<head>
		<title>网页标题 百度一下，你就知道</title>
		<meta charset="utf-8" />
	</head>
	<body>
		hello，这是我的第一个html页面
	</body>
</html>

效果展示：

解释：

<!DOCTYPE html> 声明文档类型 html5文档
<html></html> 根标记标签
<head></head> 头标记标签（网页的标题titl ，通常里面的内容不会在浏览器显示出来）
<body></body> 主体标记标签（写在这里的内容都会在浏览器显示出来）
<meta charset="utf-8"> 元数据标签 charset设置字符编码 utf-8万国码（防止中文乱码）
<meta name="keywords" content=""> 设置关键词
<meta name="description" content=""> 设置网站描述内容不宜超过150个字符

2.基本标签（常用的标签）

<h1><h1> 标题标签有（h1~h6）六个

内容标签

<img src="" /> 图片标签 src里填写图片的地址

换行

<hr> 水平线

加粗

加粗（与标签区别在于有强调意义）

倾斜

倾斜（与strong一样也有强调意义）

下标例： H2 显示： $H_{2}$

上标 x2 $x^{2}$

<div></div> 块元素

行内元素

<&ensp;<&emsp; 空格符 (间隙一次增大)

(在html中空格不会直接显示需要特殊符号来显示)

<a href=""></a> 超链接（href填写链接地址）

3.基本标签练习

图片标签练习<img />

代码如下（示例）：

<!doctype html>
<html>
	<head>
		<title>图片路径</title>
		<meta charset="utf-8" />
	</head>
	<body>
		<img src="img/ii.jpg" alt="男孩子" width="300" height="300px"/>
	</body>
</html>

效果图：

注：图片过大的话，我们可以通过width和height来限制图片的宽高

超链接标签练习<a></a>

代码如下（示例）：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>超链接</title>
	</head>
	<body>
		<h1>
			<a href="https://baike.baidu.com/item
				/%E8%BF%AA%E8%BF%A6%E5%A5%A5%E7%89%B9%E6%9B%BC
				/571943?fromtitle=%E8%BF%AA%E8%BF%A6&fromid=1690290&fr=aladdin">
				超人大战小怪兽
			</a>
		</h1>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

		<p id="one">
			一天，平静的天空突然下起了瓢泼大雨，小怪兽来到了这颗为蓝色的星球。
			快逃！！！  敬请收看迪迦奥特曼下集————————迷失的小怪兽<br>
			
			大地渐渐苏醒<br>
			一丝晨光打破了夜的寂静<br>
			炙热的心在跳动<br>
			祈祷和平降临<br>
			我们一起追寻前途弥漫荆棘和险峻<br>
			心中呐喊无边天际放射光明<br>
			看那蔚蓝色的星球<br>
			是我们永远的守候<br>
			我伫立在这里倾听风的声音<br>
			来吧我的热情在飞翔<br>
			带着那灿烂的希望<br>
			我们携手并肩穿越时空界限<br>
			冲破黑暗<br>
			YOU ARE ALWAYS MY HERO<br>
			大地渐渐苏醒<br>
			一丝晨光打破了夜的寂静<br>
			炙热的心在跳动<br>
			祈祷和平降临<br>
			我们一起追寻前途弥漫荆棘和险峻<br>
			心中呐喊无边天际放射光明<br>
			看那蔚蓝色的星球<br>
			是我们永远的守候<br>
			我伫立在这里倾听风的声音<br>
			来吧我的热情在飞翔<br>
			带着那灿烂的希望<br>
			我们携手并肩穿越时空界限<br>
			冲破黑暗<br>
			YOU ARE ALWAYS MY HERO<br>
		</p>
	</body>
</html>

效果图：