HTML详解（4.编写第一个html页面）

墨蓝 2023-06-30 09:20 19阅读 0赞

### 文章目录 ###

*  一，说明
 *  二，创建HTML程序

# 一，说明 #

HTML文件是普通的文本文件，只是文件扩展名为：.html或者.html。下面我们开始创建我们的第一个HTML程序。

# 二，创建HTML程序 #

1，新建文本文件 1.html  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3_size_16_color_FFFFFF_t_70]  
2，使用记事本打开写入如下代码

1.<html>
    2.      <head>
    3.       	<title>my first page</title>
    4.      </head>
    5.      <body bgcolor=blue>
    6.     	 This is my first homepage!
    7.      </body>
    8.</html>

3，使用浏览器打开该文件  
![在这里插入图片描述][20200116183936524.png]  
补充：如果你想要查看正在浏览的页面，可以F12功能，如图：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3_size_16_color_FFFFFF_t_70 1]  
详细参考：

[https://blog.csdn.net/zyx\_ly/article/details/92839408][https_blog.csdn.net_zyx_ly_article_details_92839408]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200116183649216.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3,size_16,color_FFFFFF,t_70
[20200116183936524.png]: https://img-blog.csdnimg.cn/20200116183936524.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200116184150174.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3,size_16,color_FFFFFF,t_70
[https_blog.csdn.net_zyx_ly_article_details_92839408]: https://blog.csdn.net/zyx_ly/article/details/92839408
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200116184341949.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3,size_16,color_FFFFFF,t_70