HTML学习总结1＜简单入门＞

最新推荐文章于 2022-10-08 17:23:52 发布

white__cai

最新推荐文章于 2022-10-08 17:23:52 发布

阅读量107

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/white__cai/article/details/109603564

版权

1 篇文章 0 订阅

订阅专栏

语法规范:
(1)标签由<>包围关键词组成
例:<html>
(2)标签大多数成对出现
例:<html></html>

标签关系
包含

<head>
	<title>
	</title>
</head>

并列

<head></head>
<body></body>

HTML中最基本的标签

<html></html>  HTML标签
<head></head>  文档的头部
<title></title> 文档的标题
<body></body>  文档的主体

**
基本结构

<html>
	<head>
		<title>网站的标题</title>
	</head>
	<body>
	
	</body>
</html>

编译工具VSCODE
使用ctrl+/
可以快速生成基本结构

(1)标题标签
标签里的数字越小,重要性越大

<h1></h1>	一级标签
<h2></h2>	二级标签
<h3></h3>	三级标签
<h4></h4>	四级标签
<h5></h5>	五级标签
<h6></h6>	六级标签

(2)文本格式化标签
加粗

<strong></strong>
<b></b>	比较少使用

倾斜

<em></em>
<i></i>	比较少使用

删除线

<del></del>
<s></s>

下划线

<ins></ins>
<u></u>

标签需要放在<body></body>内

<div>和<span>标签
<div>	一人一行
<span>	放同一行

(3)图像标签
语法<img src="img.jpg">
标签属性
alt 替换文本(图片无法显示时用文字替代)

<img src="img1.jpg"/*这是不正确的图片*/ alt="xx">

title 提示文本(鼠标放到图片会出现提示文字)

<img src="img.jpg" title="xx">

width:宽
height:高
border:边框

图片属性综合

<img src="img.jpg" title="xx"  width="100"  height="200"  border="1">

关注