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: 右侧边框
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端