如何用html制作一个简单的网页

article/2025/10/9 10:00:56

        哈喽,大家好!我是小张。大家在浏览网页的时候有没有好奇过这个网页是怎么制作,其实只是制作一个简单的网页是很简单的。今天我就教一下大家如何用HTML制作一个简单的网页。

        了解html

       1. 学习html之前先要知道html是什么

        HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等

        超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

        2.一个html基础网页

       标记符<html>:说明该文件是用超文本标记语言来描述的,它是文件的开头,而</html>则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>一个简单的网页</title></head><body><h1>这是一个标题</h1><h2>这是一个标题</h2><h3>这是一个标题</h3><h4>这是一个标题</h4><h5>这是一个标题</h5><h6>这是一个标题</h6><p>这是一个段落</p></body>
</html>

 

        < head></head>是他的头部部分

        <title></title>里面的内容就是这个网页的名字

        <body></body>是他的身体部分也就是我们常看到的网页内容

        <h1></h1>—<h6></h6>定义了一级到六级标题

        <p></p>定义了一个段落

        3.html基本标签

<html><head><title>李清照-清平乐</title></head><body><h1>清平乐</h1><hr><!--span:不换行的行内标签--><!--加粗b或strong;网页版没有差别b:纯粹加粗 strong:主旨在强调--><!--倾斜<i>或<em>i;纯粹强调,em;主旨在强调--><span>年年雪里,常插<b>梅花</b>醉,挼尽<strong>梅花</strong>无好意,赢得满衣<br>清泪!</span><br><span>今年<i>海角</i>天涯,萧萧<em>两鬓</em>生华。</span><br><span>看取晚来风势,故应<i><b>难看</b></i>梅花。</span><br><!--加粗和倾斜可以同时使用--></body>
<html>

 

 4.链接

 

普通的链接:<a href="http://www.example.com/">链接文本</a>
图像链接: <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>
邮件链接: <a href="mailto:webmaster@example.com">发送e-mail</a>
书签:
<a id="tips">提示部分</a>
<a href="#tips">跳到提示部分</a>

5.图片

<img src="./img/核桃.png" title="核桃" alt="核桃" width="100" height="100"/>

6.特殊符号

<html><head><title>特殊符号</title></head><body><h1>空格符号</h1>符  号<br>符&nbsp;&nbsp;&nbsp;号<br><!--半角空格-->符&ensp;&ensp;&ensp;号<br><!--全角空格-->符&emsp;&emsp;&emsp;号<br><hr><h1>大于小于号</h1>&lt;span&gt;符号&lt;/span&gt;<br><hr/><h1>双引号</h1>&quot;符号&quot;<hr><h1>版权符号</h1>&copy;&ensp;符号版权</body>
<html>

 好了,了解了以上的这几点,我们就能制作一个简单的网页了

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><p><h1>明年起 电动车禁止上电梯 电梯停用不公示原因最高罚2万<h1></p><p><h6>发布时间:2016-11-22&nbsp;06:58:22&emsp;来源:郑州晚报</h6></p><hr><p><img src="pic.jpg"></p><p>&emsp;&emsp;报社讯 电梯里要安装监控设备,电动车不能上电梯。近日,《郑州市电梯使用安全管理办法》通过并对外公<br>布,电梯需要安装监控设备并保护有效运行,违者最高可被罚3万元。同时明确乘坐电梯的7种禁止行为,包括电<br>动车禁止上电梯等。该《办法》字2017年1月1日起施行。郑报融媒记者 董艳竹 李雪</p><p>&emsp;&emsp;这7种行为《办法》</p><p><ol><li>乘坐明示处于非正常状态的电梯;</li><li>在超过额定载重量时乘坐电梯;</li><li>携带自行车(含电动自行车,已折叠的自行车除外)乘坐电梯;</li><li>违反电梯安全警示标志操作电梯;</li><li>采用扒撬等非正常手段开启电梯层门、轿门;</li><li>拆除、破坏电梯的安全注意事项、使用标志、应急救援电话、电梯安全责任投保信息、报警装置、安全<br>部件及其他附属设施;</li><li>其他危机电梯安全运行和他人乘坐安全的行为。</li></ol></p><p><h3>使用:电梯需安装监控并有效运行</h3></p><p>&emsp;&emsp;办法》所称的电梯,包括载人(货)电梯、自动扶梯和自动人行道等。</p><p>&emsp;&emsp;对于电梯要不要安装监控一事,《办法》明确,不仅要安装还要保持有效运行。电梯使用单位应当安装电<br>梯安全运行监控设备,并与市特种设备安全监督管理部门的质量安全监管平台链接,保持起有效运行。</p><p>&emsp;&emsp;住宅小区电梯需要改造、修理、更新的,电梯使用单位和业主委员会应当及时组织落实,业主应当履行资金<br>筹集义务。</p><p>&emsp;&emsp;其中,已建立住宅专项维修资金的,按照规定在住宅专项维修资金中列支。未建立住宅专项维修资金或者<br>住宅专项维修资金余额不足的,业主对费用承担有约定的,按照约定承担;没有约定或者约定不明确的,乡镇人<br>民政府、街道办事处应当协助组织业主筹集落实资金。</p></body>
</html>

这次的分享就到次结束了,希望能帮到你们。


http://chatgpt.dhexx.cn/article/fDJLHt01.shtml

相关文章

制作一个简单的网页(入门篇)

使用HTML和CSS来制作一个简单的网页 前言一、HTML1.1常见元素介绍1.2借助工具&#xff0c;浏览器开发者工具 二、实现个人名片1.基本框架2.使用CSS美化1.CSS书写位置1、以元素的style 属性来指定 &#xff08;内联样式&#xff09;2、以style 标签包裹 &#xff08;内部样式&am…

一个简单的HTML网页

一个简单的HTML网页&#xff0c;这是朋友写的&#xff0c;里面没有什么内容的&#xff0c;和大家分享一下&#xff0c;不喜勿喷。 先看下效果图 这里的登录和注册都是没有实际功能的&#xff0c;只是一个样式 下面来看看代码 登录 <!DOCTYPE html> <html><h…

return的使用方法

这里是修真院前端小课堂&#xff0c;每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能&#xff0c;本篇分享的是&#xff1a; 【return的使用方法 】 今天给大家分享一下&am…

if中return的用法

C#编程中&#xff0c;在if语句中&#xff0c;使用return语句&#xff0c;用于退出该if语句所在类的所在方法。例如程序&#xff1a; namespace RETU {class Program{static void Main(string[] args){IFR ifr new IFR();ifr.Kan();//Console.Read();}}class IFR{public stati…

【Java SE】return的用法(快速扫盲)

&#x1f389;&#x1f389;&#x1f389;点进来你就是我的人了博主主页&#xff1a;&#x1f648;&#x1f648;&#x1f648;戳一戳,欢迎大佬指点! 欢迎志同道合的朋友一起加油喔&#x1f93a;&#x1f93a;&#x1f93a; 目录 前言 1.定义 2.return的用法 3.break和retur…

python中 return 的用法

# 说明&#xff1a; 1&#xff0c;return 语句后面跟的表达式可以省略&#xff0c;省略后相当于 &#xff08;返回&#xff09;return None # 2&#xff0c;如果函数没有retur…

Java中return的两种用法

一、return语句总是用在方法中&#xff0c;有两个作用。 一个是返回方法指定类型的值&#xff08;这个值总是确定的&#xff09;。 一个是结束方法的执行&#xff08;仅仅一个return语句&#xff09;。 一般的就百是用在有反回值的方法中&#xff0c;用来返回方度法指定问类…

return的四种用法

return的四种用法 &#xff08;1&#xff09;return跳出函数 def num1():print(欢迎练习return !)print(hello!) num1() #跳出函数&#xff1a; def num1():print(欢迎练习return !)returnprint(hello!) num1()(2)return从函数返回一个值&#xff0c;并且这个值可以赋值给他变…

C语言中return的各种用法

按初学的理解&#xff0c;return的任务就是返回对应的参数&#xff0c;在外层函数中对这个参数做进一步处理。 实际上return的用法不只这些。 为调用的函数返回参数值 此类应用最为普遍&#xff0c;通常是在一个具有返回值的函数中&#xff0c;返回一个参数值&#xff0c;这个返…

个人公众号,多谢关注

个人公众号,多谢关注!

Java用BufferedImage处理图片实例

最近&#xff0c;项目中需要对图片进行处理。实现的方式当然有很多种&#xff0c;这里&#xff0c;我使用了Java的BufferedImage进行了实现。由于对图片的不熟悉&#xff0c;实现的时候费了点儿劲&#xff0c;这里记录一下&#xff0c;以备后用。 场景描述&#xff1a;其实问题…

彻底理解ThreadLocal、ITL、TTL

懒人改变了世界,简化了世界,却隐瞒了世界的真相. 大家好,今天跟大家剖析一下ThreadLocal. 文章目录 痛苦的回忆抛几个问题前奏铺垫正片详解 痛苦的回忆 不知道大家有没有面向JDBC编程的经历.如果有的话,可以回想一下那是一种怎样的体验;如果没有,也可以假装有这样的经历,然…

【转】线上内存溢出分析

状况描述&#xff1a; 最近项目新打的版本&#xff0c;过不了多长时间&#xff0c;项目就会挂掉。状况就是处于一种假死的状态。索引查询都很慢&#xff0c;几乎进行不了任何操作&#xff0c;慢慢卡死。 然后我们再发版时&#xff0c;只能基于之前打好的war包&#xff0c;替换或…

SQL Server数据库基础的级联删除、级联更新与三层架构之窥

一、定义&#xff1a; 级联删除是指删除包含主键值的行的操作&#xff0c;该值由其它表的现有行中的外键引用。在级联删除中&#xff0c;还删除其外键值引用删除的主键值的所有行。 级联更新是指更新主键值的操作&#xff0c;该值由其它表的现有行中的外键引用。在级联更新中&a…

正则表达式

正则表达式简介&#xff1a; 正则表达式是对字符串操作的一种逻辑公式&#xff0c;就是用事先定义好的一些特定字符、及这些特定字符的组合&#xff0c;组成一个“规则字符串”&#xff0c;这个“规则字符串”用来表达对字符串的一种过滤逻辑。   给定一个正则表达式和另一个…

SQL Server2005中触发器的运用

编写过存储过程的人&#xff0c;再编写触发器时会发现&#xff1a;他们的语法、格式是非常类似的。其实触发器就是一种特殊类型的存储过程。他们都是预编译的&#xff0c;在程序正式编译前就由编译器进行编译&#xff0c;存储在服务器端。 不过&#xff0c;触发器与一般的存储过…

关于SimpleDateFormat安全的时间格式化线程安全问题

关于SimpleDateFormat安全的时间格式化线程安全问题 2014年02月18日 16:19:40 zxh87 阅读数&#xff1a;34426 想必大家对SimpleDateFormat并不陌生。SimpleDateFormat 是 Java 中一个非常常用的类&#xff0c;该类用来对日期字符串进行解析和格式化输出&#xff0c;但如果使用…

LaTex - 插入公式 (从MathType公式编辑器导入到LaTex中)

原创 LaTex 论文排版(2): 插入公式 (从MathType公式编辑器导入到LaTex中) 2019年03月08日 09:37:40 在水一方xym 阅读数 5948 更多 分类专栏&#xff1a; LaTex 论文排版 LaTex 论文排版 版权声明&#xff1a;本文为博主原创文章&#xff0c;遵循 CC 4.0 BY-SA 版权协议&…

CSS总结

自从做牛腩新闻发布系统的时候&#xff0c;就开始了CSS的学习。CSS这部分知识并不是孤立的&#xff0c;它与JavaScript&#xff0c;与XML&#xff0c;与AJAX等都有着密切的关系。在制作网页的过程中&#xff0c;CSS就是充当一个化妆师的角色&#xff0c;它能够让我们制作出各式…

大型网站应用之海量数据和高并发解决方案总结

一、网站应用背景 开发一个网站的应用程序&#xff0c;当用户规模比较小的时候&#xff0c;使用简单的&#xff1a;一台应用服务器一台数据库服务器一台文件服务器&#xff0c;这样的话完全可以解决一部分问题&#xff0c;也可以通过堆硬件的方式来提高网站应用的访问性能&…