HTML 学习笔记(一)开始

一、介绍:

首先引用百度百科的一段话作为介绍:
  HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
  超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

二、环境配置

1.VSCode(个人习惯): 官网下载,打开后在扩展里搜索Chinese进行汉化。
2.新建文件夹再新建 xxx.html (xxx是html的文件名) 就可以开写了,另外建议文件路径不要有中文。

三、代码

首先有请经典:

Hello World !

保存然后Alt+b即可在浏览器中打开网页
在这里插入图片描述

可以使用标题标签:

<h1>hello world</h1>

在这里插入图片描述

可以使用br标签进行换行:

谁是我们的敌人?谁是我们的朋友?这个问题是革命的首要问题。中国过去<br>
一切革命斗争成效甚少,其基本原因就是因为不能团结真正的朋友,以攻击<br>
真正的敌人。

在这里插入图片描述

"title"属性是用来修饰鼠标悬停在其上时所显示的标题文本:

<h1 title="我是一个标题">一级标题</h1>

在这里插入图片描述
在VSCode中可以通过 !+Tab 来快速生成一个标准的HTML文档格式:

<!--如何定义一个标准的html文档-->
<!--该标签表示后面书写的是html5规范的语法-->
<!DOCTYPE html>
<!--"html"包裹了整个页面的全部内容,被称为"根元素"-->
<html lang = "en">
    <!--"head"是所有头部元素的容器,描述了文档的各种属性和信息,如文档的标题,文档引用的样式表和JS脚本文件等
    绝大多数文档头部包含的数据都不会作为内容显示给浏览者-->
    <head>
        <!--设置字符集-->
        <meta charset="UTF-8">
        <!--用来描述页面被加入书签或收藏时的标题,或者是在浏览器标签中显示的内容-->
        <title>HTML基本格式</title>
    </head>
    <!--其包含了页面展示的全部内容,比如文字,图片,视频和游戏等-->
    <body>
        <h1>HTML书写规范</h1>
    </body>
</html>

学习视频链接:https://www.bilibili.com/video/BV1oU4y1278g?p=1&vd_source=4ebd25c2806304f7c97c649fe1377493

相关推荐

  1. html 基础学习笔记

    2024-03-11 21:52:03       49 阅读
  2. HTML学习笔记

    2024-03-11 21:52:03       41 阅读
  3. html5学习笔记

    2024-03-11 21:52:03       47 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-11 21:52:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-11 21:52:03       101 阅读
  3. 在Django里面运行非项目文件

    2024-03-11 21:52:03       82 阅读
  4. Python语言-面向对象

    2024-03-11 21:52:03       91 阅读

热门阅读

  1. Linux C/C++编程笔记

    2024-03-11 21:52:03       55 阅读
  2. SpringBoot 线程池异步调用

    2024-03-11 21:52:03       43 阅读
  3. 排序的学习(一)

    2024-03-11 21:52:03       38 阅读
  4. zsh: command not found: mongo(mac版已解决)

    2024-03-11 21:52:03       38 阅读
  5. 二叉排序树(非递归15.5)

    2024-03-11 21:52:03       31 阅读
  6. 微信小程序开发常用的布局

    2024-03-11 21:52:03       36 阅读
  7. c#空闲中断接收

    2024-03-11 21:52:03       38 阅读
  8. 理论学习 消融实验

    2024-03-11 21:52:03       47 阅读
  9. 自定义注解【项目篇】

    2024-03-11 21:52:03       40 阅读
  10. 行为型模式

    2024-03-11 21:52:03       42 阅读