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

 

 

posted @   ssss-  阅读(428)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
点击右上角即可分享
微信分享提示