1.标题笔记<h1>~<h6>
基本语法格式<hn align="对齐方式">标题文本</hn>
属性值left:设置标题文字左对齐center:设置标题文字居中对齐right:设置标题文字右对齐
2.段落标题<p>用于定义一个独立的段落,每个段落独占一行,并且段落之间有一定空隙
语法格式<p align="对齐方式">段落文本</p>
3.功能标记
<b>加粗标签
<i><em>文字变斜体
<br>换行
<hr>水平线
4.图片标记<img/>
src:要显示图片的路径
alt:图片没有加载成功的提醒
title:鼠标悬浮时的提示信息
middle:将图像的水平中线和文本的第一行文字对齐,其文字居图片下方
bottom:将图像的底部和文本的第一行文字对齐,其他文字居图像下方
5.盒模型
1.盒模型可以看作是一个个盒子, 每个盒子都占据- -定的空间,拥有宽度和高度。
宽度: width
高度: height
2.盒子是用来存放内容的,为了能在页面中更好的布局,体现更好的视觉效果拥有内间距、外间距、边框等,可以通过以下属性进行设置。
外边距:
margin- -top :顶部外间距
margin- -bottom :底部外间距
margin-left:左侧外间距
margin- -right:右侧外间距
内边距:
padding-top:顶部内间距 padding- bottom:底部内间距 padding- left:左侧内间距
padding-right:右侧内间距
边框:
border- -top:顶部边框
border- -bottom:底部边框 border- -left:左侧边框
border- -right: 右侧边框