达内002

常用文本标记:

快捷键整理:

快速复制代码:ctrl+shift+r

保存:ctrl+s

刷新网页:F5

补齐标签:Tab/回车

1.标题标记:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

​ 特点:a.加粗显示

​ b.文字有大小变化

​ c.单独成行,并且上下之间有间距

​ 属性:align 设置水平对象方式

​ 取值:(默认是左边) left/center/right

2.段落标记

内容

​ 特点:单独成行,上下文之间有间距(注:展示大段文字时常用)

​ 属性:align 设置水平对象方式

​ 取值:(默认是左边) left/center/right

​ Lorem 假文演示

3.水平线

​ width:水平线宽度

​ color:线条的颜色

​ align:水平对齐方式

​ size:线条粗细程度

4.换行标记

或者

​ 由于浏览器解析文本的时候,有空格折叠现象

​ 空格折叠现象-->浏览器把代码文本中的所有空格和回车都解析成一个空格展示

5.文本样式标记

​ 键盘 文本加粗

​ 敲烂, 删除线

​ 薪资 文本斜体

​ 过万! 下划线

6.div和span

用于做布局的

特点:单独成行,无大小字体的变化

属性:align

包裹文本,自定义样式

特点:多个元素在一行中显示

7.元素的分类

行内元素:元素从左往右排列,多个元素在一行中显示(b,s,i,u,img)

块级元素:元素从上往下排列,每个元素单独占一行

(div,p,标题元素,hr)

8.常用特殊符号:

​ 版权符号© © ® ®

​ ¥ ¥

​ × ×

​ 空格

​ < <

​ > >

​

<!DOCTYPE html> 
<html> 	
	<head> 		
	<meta charset="utf-8"> 		
	<title>百度一下,你就知道</title> 	
	</head> 	
<body> 		
	<div align="center">今天<span style="color:blue;font-size:29px">天气不错</span></div> 
<div> 			
	<div>家用电器</div> 
	<div>
		<span style="color:yellow;font-size: 29px;">手机</span>
		<span>×运营商¥¥€$</span> 				 
		<span>数码©®</span> 		
	</div> 	
</div> 		
<p> 		
	<b>键盘</b> 		
	<s>敲烂</s>, 		
	<i>薪资</i> 		
	<u>过万</u>! 		
</p> 	
<h1>一级标题</h1> 		
<h2>二级标题</h2> 	
<h3>三级标题</h3> 		
<h4>四级标题</h4> 		
<h5>五级标题</h5> 		
<h6>六级标题</h6> 		
<p>Lorem ipsum dolor</p> 		
<hr width="400px" color="aqua" size="7" align="left"> 
</body>
</html>
posted @ 2021-09-23 22:31  toumaoyu  阅读(27)  评论(0)    收藏  举报