[开发工具] HTML初学第一天

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 开发工具 -> HTML初学第一天 -> 正文阅读

[开发工具]HTML初学第一天

一、使用txt文本写html代码

新建一个txt文档

<html>
	    <!--网页头信息-->
	<head>
	     <title>百度一下，你等下就知道</title>
	</head>
        <!--主题部分-->
     <body>
      hello world!
     </body>

</html>

HTML 指的是超文本标记语言 : H yper T ext M arkup L anguage

HTML 不是一种编程语言，而是一种标记语言

标记语言是一套 标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML 文档包含了 HTML 标签及文本内容

HTML 文档也叫做 web 页面

?

为html注释信息

<head></head> 是整个网页的头部

<body></body> 是网页的主题部分，代码基本上都在这里面写

<title></title>为网页的名称

如：

二、使用vscode编写代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

首先编写代码前使用！+TAB键加载出html语言的基本模块

！+ TAB

UTF-8 为编码方式还有其他编码方式为GBK 等

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第一天</title>
</head>

<body>
    <h1 align="right">标题1</h1>
    <h2 align="left">标题2</h2>
    <h3 align="center">标题3</h3>
    <h4>标题4</h4>
    <p>
        Q：静夜思<br/>
        A：床前明月光 <br/>
        Q：疑是地上霜<br/>
        A：举头望明月<br/>
        Q：低头思故乡<br/>
    </p>
    <hr color="red" width="300px" align="center" size="10px">
    <p> <font color="#ffe4c4" size="12px" face="楷体">Google Chrome</font>
        是一款由Google公司开发的网页浏览器，该浏览器基于其他开源软件撰写，包括WebKit，目标是提升稳定性、<br/>
        速度和安全性，并创造出简单且有效率的使用者界面。
    </p>

    <i>hello world</i>
    <b>你好！</b>
    <s>HTML</s>
    <sub>下标</sub>
    <sup>上标</sup>

</body>

在body标签里面写代码