HTML元素、属性和格式化

最新推荐文章于 2022-04-11 14:48:44 发布

Mr陈哈哈

最新推荐文章于 2022-04-11 14:48:44 发布

阅读量236

点赞数

分类专栏： HTML语言系列

本文链接：https://blog.csdn.net/Mrchuncui/article/details/104946688

版权

HTML语言系列专栏收录该内容

5 篇文章 0 订阅

订阅专栏

HTML5

环境为windows，工具vscode，浏览器edge

HTML元素

定义：元素指的是开始标签到结束标签的所有代码,如下

<p> <! -- 开始标签 -- >
	hello world 
</p><! -- 结束标签 -->

元素语法

元素内容是开始标签到结束标签之间的内容
空元素在开始标签中进行关闭
大多数HTML元素拥有属性
大多数HTML可以进行嵌套

元素属性

属性可以为元素提供更多的信息，多以键/值对得形式出现，如href=""，src=""等

常用标签属性

<h1>:align对齐方式,默认居左
<body>:bgcolor背景颜色，即整个页面的颜色
<body>:background背景图片
<body>:设置背景图片
<a>:target，用于是否创建新页面

通用属性

class：规定元素类名
id：规定元素唯一ID
style：规定元素得样式
title：规定元素得额外信息

<!-- 测试代码-->
<!DOCTYPE html>
<html lang="en">    
	<head>        
		<title>your title</title>        
		<meta charset="UTF-8">        
		<style type=""></style><!--type为css某种样式-->				   
	</head>
	<body bgcolor="#8b0010">        
		<a href="地址" target="blink">本地地址</a>       
		<h1 align="right">标题h1</h1>
		<h2 class="你想要的h2标题效果">标题2</h2><!--后期使用css来决定类别-->>  
 	</body>
 </html>

格式化

标签	描述
`<b>`	定义粗体文本
`<em>`	定义着重文字
`<i>`	定义斜体字
`<small>`	定义小号文本
`<strong>`	定义加重语气
`<sub>`	定义下标
`<supl>`	定义上标字
`<insl>`	定义插入字
`<dell>`	定义删除字

<!DOCTYPE html>
<html lang="en">    
	<head>        
		<title>your title</title>        
		<meta charset="UTF-8">    
	</head>    
	<body>       
		hello world        
		<br/>        
		<b>hello world</b>      
		<br/>        
		<em>hello world</em>
		<br/>        
		<i>hello world</i>      
		<br/>        
		<small>hello world</small>        
		<br/>        
		<strong>hello world</strong>       
		<br/>        
		h<sub>ello</sub>world       
		<br/>        
		h<sup>ello</sup>world        
		<br/>        
		<ins>hello world</ins>        
		<br/>        
		<del>hello world</del>       
		 <br/>    
	</body>
</html>