自己动手设计一个简单的HTML网页

news/2024/11/28 15:59:09/

目录

HTML介绍

HTML难不难?

HTML重要吗?

示例网页

网页显示效果

写在最后


HTML介绍

HTML是英文单词(HyperText Markup Language)的缩写,也就是超文本标记语言,之所以称之为超文本,那是因为它除了可以用来说明文字以外,还可以用来说明图形、动画、声音等等。

HTML难不难?

HTML不是编程语言,而是一种解释性语言,和C#、Java、JavaScript不同,HTML没有逻辑顺序,只有结构,只需简单了解就可以自己动手做,本文后面就会简单列举一个例子来帮助理解。

HTML重要吗?

网页一般由三个部分组成,HTML文件、CSS文件、JavaScript文件。我们把网页看成一个房子,大致可以理解为HTML是房子的结构,CSS文件是房子的装修,JavaScript是房子的管家,来响应人对房子的控制,比如开关灯操作。

示例网页

  1. 在桌面创建一个文本文件,一般默认名为“新建文本文档.txt”,如果你无法看到结尾的.txt后缀,那么可以参考 如何显示后缀名 。
  2. 将文件重命名为 HelloHTML.html 
  3. 右击文件,选择用记事本打开。
  4. 将代码复制进记事本并保存
  5. 右击文件,选择用浏览器打开即可
<!-- 这句告诉浏览器这是一个HTML网页 -->
<!DoctType html/>
<!-- 这是整个网页的根元素,也可以称作 节点或标签,本文称之为标签 -->
<html lang="zh"> <!-- lang="zh" 用来声明这是一个中文网页,这样浏览器就不会问你是不是需要翻译此网页了 --><!-- 一般在里面配置编码、标题或是引入其他资源文件 --><head><meta charset="utf-8" /><!-- 网页标题 --><title>小重山·昨夜寒蛩不住鸣</title></head><body><!-- 标题标签 --><h2>小重山·昨夜寒蛩不住鸣</h2><!-- 段落标签 --><p>昨夜寒蛩不住鸣。</p><p>惊回千里梦,</p><p>已三更。</p><p>起来独自绕阶行。</p><p>人悄悄,</p><p>帘外月胧明。</p><p>白首为功名。</p><p>旧山松竹老,</p><p>阻归程。</p><p>欲将心事付瑶琴。</p><p>知音少,</p><p>弦断有谁听?</p></body>
</html>

网页显示效果

 如果顺利的完成了这个步骤,那么恭喜你,你现在已经初步踏入HTML的世界了。

写在最后

希望本文对你有所帮助,如果有不理解、建议或意见欢迎留言、私信交流讨论,感谢阅读!


http://www.ppmy.cn/news/824502.html

相关文章

Java题-将一个数组逆序输出。

题目&#xff1a;将一个数组逆序输出。 程序分析&#xff1a;用第一个与最后一个交换。 第一种&#xff1a; public class lianxi { public static void main(String[] args) {int[] a {1,2,3,4,5,6,7};for (int i0;i<a.length ;i ) { System.out.print(a[i]);} System.o…

前端 - 实习一个月总结

今天已经是菜鸟实习的一个月了&#xff0c;怎么说呢&#xff0c;就是感觉工资极低&#xff0c;这么低的工资摸鱼还不安心&#xff08;怕别人发现&#xff0c;虽然也没人管&#xff0c;可能是菜鸟比较胆小&#xff09;&#xff0c;而且还时不时给你屎山代码改&#xff01; 这里…

一个简单的HTML网页

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

输入一个整数n,计算 1+1/(1-3)+1/(1-3+5)+...+1/(1-3+5-...+2n-1)的值

输入一个整数n,计算 11/&#xff08;1-3&#xff09;1/&#xff08;1-35&#xff09;…1/(1-35-…2n-1)的值 输入描述:输入一个整数 输出描述:输出一个浮点数&#xff0c;保留3位小数 #include<stdio.h> int main() {int n;scanf("%d",&n);int sum0;doub…

Merkle山脉(Merkle Mountain Range)详解

这篇文章介绍Merkle Mountain Range&#xff0c;翻译过来是Merkle山脉。百度上还没有Merkle Mountain Range ,或者Merkle山脉这两个关键词&#xff0c;这算是第一篇给它起名的中文文章吧。 这里希望以通俗易懂的语言跟读者讲解。 文章将从下面三个方面讲解&#xff1a; Merk…

生活的意义

当前在工作中&#xff0c;但是有30分钟的等待时间&#xff0c;不知道要说点什么&#xff0c;突然想到了&#xff1a;人生的意义&#xff01;本人的一个小小的思考。由于话题太过敏感 标题就写了 "生活的意义" 每天上班日复一日&#xff0c;没有爱好。生活中除了日常…

[Qt]无法定位程序输入点xxx于动态链接库libstdc++-6.dll等

问题 在使用Qt编译出来exe文件之后会提示这个错误&#xff0c;错误的原因在于没有指定合适的链接库。可以使用在“我的电脑”全局搜索一下&#xff0c;可以看到有很多个libstdc6.dll &#xff0c;查看对应路径是否在环境变量path中&#xff0c;应该有多个都在path环境变量下。…

Could not initialize class org.bytedeco.javacpp.avutil问题解决

最近提供需要提供音视频服务。参考网上的开源程序&#xff0c;提供了一个JAVA版的RTSP转HTTP的服务&#xff0c;并使用ffmpeg作为播放工具。 该程序在自己的机器上没有问题&#xff0c;但生成jar包后放置到服务器上运行出错&#xff0c;出错的关键字是“java.lang.NoClassDefF…