html中的基本标记

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: 右侧边框

 

 

上一篇:06_移动端-3D转换-4


下一篇:定位的方式