我的HTML基础总结-2
1.HTML 段落与文字
1.HTML中的段落标记
<p>段落的内容</p>
特点:1.自成一行，会占满整行，在它的后面出现的内容将会在下一行显示。
2.段落与段落之间会有空行。
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>p 标记</title></head><body><p>p标记--表示一个段落【一段文字】</p><p>1.自成一行，会占满整行，在它的后面出现的内容将会在下一行显示。</p><p>2.段落与段落之间会有空行。</p><p>HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。</p></body>
</html>
2.html中网页内容的标题标记
<title></title>–当前网页的标题。
<h1></h1>、<h2></h2>、<h3></h3>、<h4></h4>、<h5></h5>、<h6></h6>–网页内容的标题标记。
特点:1.自成一行，会占满整行，在它的后面出现的内容将会在下一行显示。
2.h1~h6 显示出来的效果是字体依次变小。H1最大，h6最小。
3.不同的浏览器显示效果有所差异。
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>h系列标记</title></head><body><h1>网页内容的标题标记---[h1~h6]</h1><h2>1.自成一行，会占满整行，在它的后面出现的内容将会在下一行显示。</h2><h3>2.h1~h6 显示出来的效果是字体依次变小。</h3><h4>3.H1最大，h6最小。</h4><h5>4.不同的浏览器显示效果有所差异。</h5><h6>标题标记与标题标记之间有空行存在。</h6></body>
</html>
3.水平对齐属性
属性出现在html标记的开始标记中，表示当前这个标记的显示效果的附加信息。
属性是由2部分组成 ：1.属性名称 ；2.属性值。
属性是可以在开始标记中出现多个，如果有多个中间使用空格分开。
例如：<标记 属性名称1=”属性值1” 属性名称2=”属性值2”>显示内容</标记>。
<font face="楷体" size="7" color="0066ff">
align—水平对齐属性[left-左对齐 center-居中对齐 right-右对齐]。
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>align-水平对齐属性</title></head><body><h1 align="center">水平对齐属性</h1><p align="right">2020-11-04</p><p align="left">网星软件</p><h3 align="center">属性出现在html标记的开始标记中，表示当前这个标记的显示效果的附加信息。属性是由2部分组成 1.属性名称 2.属性值属性是可以在开始标记中出现多个，如果有多个中间使用空格分开例如：<标记 属性名称1=”属性值1” 属性名称2=”属性值2”>显示内容</标记><font face="楷体" size="7" color="0066ff">align---水平对齐属性[left-左对齐 center-居中对齐 right-右对齐]</h3></body>
</html>
上面实例中的回车换行没有显示，键盘的回车换行没有效果。我们需要通过一个html标记来表示回车换行。
4.html中的回车换行标记
<br>、<br/>单标记----回车换行。
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>align-水平对齐属性</title></head><body><h1 align="center">水平对齐属性</h1><p align="right">2020-11-04</p><p align="left">网星软件</p><h3 align="center">属性出现在html标记的开始标记中，表示当前这个标记的显示效果的附加信息。<br>属性是由2部分组成 1.属性名称 2.属性值<br/>属性是可以在开始标记中出现多个，如果有多个中间使用空格分开<br>例如：<标记 属性名称1=”属性值1” 属性名称2=”属性值2”>显示内容</标记><br/>align---水平对齐属性[left-左对齐 center-居中对齐 right-右对齐]</h3></body>
</html>
5.html中的分隔线标记
<hr>、<hr/>—网页中的一条分隔线。
color属性–分隔线颜色【颜色单词/颜色码】。
size属性—分隔线粗细【1~7】。
width属性—分隔线长短【数字px】。
align—水平对齐属性[left-左对齐 center-居中对齐 right-右对齐]。
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>align-水平对齐属性</title></head><body><h1 align="center">水平对齐属性</h1><p align="right">2020-11-04</p><p align="left">网星软件</p><hr color="black" size="7" width="500px" align="left"/><h3 align="center">属性出现在html标记的开始标记中，表示当前这个标记的显示效果的附加信息。<br>属性是由2部分组成 1.属性名称 2.属性值<br/>属性是可以在开始标记中出现多个，如果有多个中间使用空格分开<br>例如：<标记 属性名称1=”属性值1” 属性名称2=”属性值2”>显示内容</标记><br/>align---水平对齐属性[left-左对齐 center-居中对齐 right-右对齐]</h3></body>
</html>
实例:
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>网易新闻</title></head><body><h1 align="center">井贤栋连夜组织召开蚂蚁中高层会议 保守估计重新上市的时间要被推迟半年左右</h1><p>2020-11-04 07:08:08 来源: 金融界</p><hr /><p>据腾讯新闻消息，蚂蚁暂缓两地上市，董事长井贤栋连夜组织召开中高层会议。会议上提及到“暂缓”之后，保守估计蚂蚁重新上市的时间要被推迟半年左右。</p><p>当前实施的《首次公开发行股票上市管理办法》第三十九条规定，股票发行申请未获批准的，自中国证监会作出不予核准决定之日起6个月后，发行人可再次提出股票发行申请。</p><p>接近蚂蚁集团的人士称，井贤栋在会上表现相对乐观。井贤栋向参会人员解释称，监管主要是征求意见，蚂蚁需要尽快满足征求意见中涉及的具体要求。11月3日晚间，上交所发布公告称，蚂蚁集团原申请于2020年11月5日在上海证券交易所科创板上市。近日，发生该公司实际控制人及董事长、总经理被有关部门联合进行监管约谈，公司也报告所处的金融科技监管环境发生变化等重大事项。该重大事项可能导致蚂蚁集团不符合发行上市条件或者信息披露要求。上交所称，根据《科创板首次公开发行股票注册管理办法（试行）》第二十六条和《上海证券交易所股票发行上市审核规则》第六十条等规定，并征询保荐机构的意见，决定蚂蚁集团暂缓上市。受此消息影响，阿里巴巴美股盘前快速跳水，股价由一度涨1％到下跌4.5％。上交所公布后不久，港交所也发布公告，暂缓蚂蚁集团H股上市。当晚，蚂蚁集团方面回应称，会深入落实约谈意见，继续沿着“稳妥创新、拥抱监管、服务实体、开放共赢”的十六字指导方针，继续提升普惠服务能力，助力经济和民生发展。据香港经济日报报道，香港金管局发言人回应蚂蚁暂缓两地上市：香港作为国际金融中心，资金来往进出是很正常的。金管局多年来在金融及银行体系建立了强大的缓冲和抗震能力，银行体系非常稳健，流动性充裕。发言人续指，有信心和能力维护香港的货币和金融体系稳定。</p><hr /></body>
</html>
6.html中设置字体的标记
font—专门用来设置字体的标记。
color属性—设置字体颜色【颜色单词/颜色码】。
size属性----设置字体大小。
face属性—设置字体风格【C:\Windows\Fonts】。
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>设置字体的标记</title></head><body><h1>font---专门用来设置字体的标记</h1>为了测试font标记，我们在这里准备一句默认的文字，进行对比<br><font color="0066ff">color属性---设置字体颜色【颜色单词/颜色码】</font><br><font size="7">size属性----设置字体大小【1~7】</font><br><font face="楷体" size="7" color="0066ff">face属性---设置字体风格</font></body>
</html>
7.html中的居中标记
<center>需要被水平居中显示的html标记\文字\图片</center>
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>设置字体的标记</title></head><body><center><h1>font---专门用来设置字体的标记</h1>为了测试font标记，我们在这里准备一句默认的文字，进行对比<br><font color="0066ff">color属性---设置字体颜色【颜色单词/颜色码】</font><br><font size="7">size属性----设置字体大小【1~7】</font><br><font face="楷体" size="7" color="0066ff">face属性---设置字体风格</font></center></body>
</html>
8.一组文本格式化标记
HTML可定义很多供格式化输出的元素，例：使用标签 <b>(“bold”) 与 <i>(“italic”) 对输出的文本进行格式，从而显示粗体 或者 斜体。
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>一组文本变化标记</title></head><body><h1>一组文本变化标记</h1>为了测试这一组文本变化标记，我们在这里输出一句默认的文本了内容。<br/><b>b---设置文本字体加粗</b><br/><em>em---设置文本字体着重【倾斜】</em><br/><i>i---设置文本字体倾斜</i><br/><small>small---设置文本小号字</small><br/><strong>strong---设置文本加重语气【加粗】</strong><br/>X<sup>2</sup>-2X+1=0<br>解：X<sub>1</sub>=1,X<sub>2</sub>=-1<br/><ins>ins---设置文本插入字【下划线】</ins><br/><del>del---设置文本删除字【删除线】</del><br/></body>
</html>
9.字符实体—就是在网页中输出的特殊符号
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>字符实体</title></head><body><h1>字符实体----特殊符号</h1><table border="1px" width="400px"><tr><td>名称</td><td>表示</td><td>名称</td><td>表示</td></tr><tr><td>空格</td><td>空 格</td><td>小于号</td><td><</td></tr><tr><td>大于号</td><td>></td><td>和号[逻辑与]</td><td>&</td></tr><tr><td>引号</td><td>"</td><td>撇号</td><td>' (IE不支持)</td></tr><tr><td>分</td><td>¢</td><td>镑</td><td>£</td></tr><tr><td>元</td><td>¥</td><td>欧元</td><td>€</td></tr><tr><td>小节</td><td>§</td><td>版权</td><td>©</td></tr><tr><td>注册商标</td><td>®</td><td>商标</td><td>™</td></tr><tr><td>乘号</td><td>× </td><td>除号</td><td>÷</td></tr></table></body>
</html>
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>应用字符实体</title></head><body><!DOCTYPE html><br><html><br> <head><br> <meta charset="utf-8"><br> <title>应用字符实体</title><br> </head><br> <body><br><br> </body><br></html><br></body>
</html>
我的HTML基础总结-2相关推荐
- java入门 慕路径,Java入门基础知识总结学习教程大全【必看经典】
类型的表达式,是循环条件,表达式3是党执行了一遍循环之后,修改控制循环的变量值. ??? for语句的执行过程是这样的:首先计算表达式1,完成必要的初始化工作:然后判断表达式2的值,如果表达式的值为t ...
- 提交表单自动刷新_Web自动化测试：元素的基础操作和浏览器基础操作
上一节,我们了解了如何定位元素,其实也有涉及对于元素的操作,这一节我们就详细的介绍一下对于元素的操作和对于浏览器的一些操作 一.对于元素的基础操作: clear():清除输入框内的文本 send_ke ...
- java mybatis基础
java mybatis基础 1.1 什么是mybatis? mybatis是一个优秀的持久层框架. 避免几乎所有的JDBC代码和手动设置参数以及获取结果集的过程. 可以使用简单的xml或者注解来配置 ...
- 【J2SE】学习基础
Java基础 语法基础 OO Exception Array 基础类 I/O Stream Collection/Generic Thread TCP/UDP GUI Meta Data Regula ...
- 【Linux系统】基础总结
我不太清楚运维部门具体是做什么的,就接触过一点点运维部门! 也就是是知道他们负责管理服务器,管理网络,管理项目部署 偶尔自己需要部署,不得不接触一些linux命令.简单总结一些基础 linux系统发展 ...
- 【Java 2 Platform Enterprise Edition】基础
问题1:为什么java是无关平台? 你之前用C或者C++写的源代码,编译好后,换一种操作系统,可能就执行不了了.因为新的操作系统不识别,你需要修改你的源码,并在新的操作系统上重新编译才能运行,比如Wi ...
- SpringCloud Alibaba微服务实战(一) - 基础环境搭建
说在前面 Spring Cloud Alibaba 致力于提供微服务开发的一站式解决方案.此项目包含开发分布式应用微服务的必需组件,方便开发者通过 Spring Cloud 编程模型轻松使用这些组件来 ...
- Redis概述和基础
Redis 1.NoSQL NoSQL = Not Only SQL(不仅仅是SQL) 泛指非关系型数据库的,随着web2.0互联网的诞生!传统的关系型数据库很难对付web2.0时代!尤其是超大规模的 ...
- pass基础架构分析
pass基础架构分析 Relay 和 TVM IR,包含一系列优化passes,可提高模型的性能指标,如平均推理,内存占用,或特定设备的功耗.有一套标准优化,及特定机器学习的优化,包括常量折叠,死代码 ...
- LLVM编译器基础架构与DragonEgg示例
LLVM编译器基础架构与DragonEgg示例 LLVM 概述 LLVM 项目是模块化和可重用的编译器和工具链技术的集合.LLVM 与传统的虚拟机几乎没有关系."LLVM"这个名字 ...
最新文章
- OpenGL ES3 0实现简单粒子火焰效果
- mybatis调用oracle存储过程
- 实际程序调用IndexWriter* writer = NULL
- Bootstrap中模态框多层嵌套时滚动条问题
- 机器学习教会我们的六件事
- fileinputstream_Java I/O 流之 FileInputStream
- ios页面间跳转方式总结
- mysql+两天前+函数_Mysql 日期函数
- C++ vector类的模拟实现
- 《算法导论》之 Problem 5.1-3（随机函数发生器的设计）
- 浅谈Listener、Filter、Servlet初始化顺序
- Git 使用之鉴权失败
- php微信商家分账API
- HDF5 header version 1.10.4与HDF5 library 1.10.5冲突解决办法记录
- 文化网，武汉文化网，湖北文化网——体制文化常识
- 简述Java中封装，继承，多态的理解
- [2023-01 持续更新] 谷歌学术google镜像/Sci-Hub可用网址/Github镜像可用网址总结
- 北京市门头沟区谷歌卫星地图下载
- nth-child和nth-of-type的区别
- Comprehensive Analysis of Time Series Forecasting Using Neural Networks