静态网页制作html语言入门

阳光穿透心脏的1/2处 2022-11-19 11:25 197阅读 0赞

编辑一个文本文件，代码如下；

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title> html test1 </title>
    </head>
    <body>
        <h1>DDDD</h1>
        <p>PPPPPPPPPPP...</p>
    
    <table border="1">
        <tr>
            <td>row 1, col 1</td>
            <td>row 1, col 2</td>
        </tr>
        <tr>
            <td>row 2, col 1</td>
            <td>row 2, col 2</td>
        </tr>
    </table>
    
    </body>
    </html>

保存为test1.html；然后用浏览器打开此文件；输出如下；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70][]

html是制作静态网页的基本语言；html文件是文本文件；编辑好代码以后，只要无错，保存为后缀为html的文本文件；然后用浏览器打开html文件，就会显示html代码的内容；可以不需要额外的专业开发工具；

html代码由标记对组成，<>表示一个标记开始，</>表示一个标记结束；基本标记（元素）如下，

<html> 元素是 HTML 页面的根元素  
    <head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。  
    <title> 元素描述了文档的标题  
    <body> 元素包含了可见的页面内容  
    <h1> 元素定义一个大标题  
    <p> 元素定义一个段落

至于为什么会看到一个表格，下回再学习；

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70]: /images/20221119/369436426eee4c0fa9e9b898e160625b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，197人围观）

还没有评论，来说两句吧...

相关阅读

相关 html+css制作简单网页界面

一.运行效果如下 ![860e2d7eed2447d59f8984859bcd1191.png][] 二.HTML 2.1关于语义化标签 <section>

╰半夏微凉°/ 2024年02月20日 08:18/ 0 赞/ 56 阅读

相关静态网页开发模板——小白入门（HTML &CSS）

<!DOCTYPE html> <html> <head> <title>页面标题</title> <meta char

曾经终败给现在/ 2023年10月13日 16:11/ 0 赞/ 43 阅读

相关 HTML网页制作：制作锚点链接

1、锚点链接定义：指我点击页面中的某一个链接(锚点链接)，就会跳到这个页面的指定位置(锚点)。 2、锚点链接的步骤： (1)、设置锚点：<a name="锚点的

比眉伴天荒/ 2023年01月10日 11:58/ 0 赞/ 217 阅读

相关 C语言静态库制作

文章目录静态库简介静态库制作代码实现创建静态库

谁借莪１个温暖的怀抱￠/ 2022年12月02日 04:29/ 0 赞/ 201 阅读

相关静态网页制作html语言入门

编辑一个文本文件，代码如下； <!DOCTYPE html> <html> <head> <meta charset="utf-8">

阳光穿透心脏的1/2处/ 2022年11月19日 11:25/ 0 赞/ 198 阅读

相关 html空间登录页面制作,免费HTML网页空间（每月200 GB 流量托管静态网页超简单）...

免费HTML网页空间(每月200 GB 流量托管静态网页超简单) ![b929b6c94700fc8132b01e2cf3d08bb8.png][] 二十几年前有个相当知名

刺骨的言语ヽ痛彻心扉/ 2022年10月06日 06:58/ 0 赞/ 142 阅读

相关 html入门资源,HTML入门----简单网页制作

HTML入门----简单网页制作概念：HTML(Hypertext Markup Language)即超文本标记语言，用于网页文件的制作。HTML由一系列的标记组成，可以说

冷不防/ 2022年10月06日 03:59/ 0 赞/ 221 阅读

相关 docker: 使用nginx容器运行html静态网页以及制作镜像

文章目录项目背景操作步骤方法1，利用Dockerfile制作镜像\[推荐直接看这里\] 制作模板

痛定思痛。/ 2022年04月22日 03:04/ 0 赞/ 584 阅读

相关网页制作之HTML+CSS布局

CSS网页布局：可以分为三种：1.固定布局 2.流动布局（是百分百布局） 3.弹性布局（可用于移动APP开发）元素基本样式： 1.行内样式：直接写

忘是亡心i/ 2022年04月15日 01:05/ 0 赞/ 283 阅读

相关 PHP生成HTML纯静态网页

为了让网站的访问速度更快，更能满足用户对速度的需求，有时很有必要对全站的页面进行静态化处理而通常的伪静态化只是对搜索引擎的一种优化，并未真正加快页面的访问速度，所有，在下面

以你之姓@/ 2022年01月15日 11:45/ 0 赞/ 291 阅读