HTML学习笔记一

最新推荐文章于 2024-09-09 22:16:15 发布

Xifan_Lee

最新推荐文章于 2024-09-09 22:16:15 发布

阅读量247

点赞数 1

分类专栏： HTML 文章标签： html 学习笔记

本文链接：https://blog.csdn.net/Xifan_Lee/article/details/135759671

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML元素：

HTML文档由嵌套的HTML元素构成。它们用HTML标签表示，包含于尖括号中，如<p>。在一般情况下，一个元素由一对标签表示：“开始标签”<p>与“结束标签”</p>。元素如果含有文本内容，就被放置在这些标签之间。

HTML基础

<!---->
<--
    <!--注释-->
-->

<h1>
    <!--标题-->
</h1>

<p>
    <!--段落-->
<p>

<a href="http://www.example.com">
    <!--链接-->
</a>

<img src="/example/image.png" width="2560" height="1440" />
    <!--图像，自闭合标签末尾斜杠可加可不加-->

HTML文本格式化

<b>加粗</b>

<i>斜体</i>

example<sub>上标</sub>

example<sup>下表</sup>

<del>删除</del>

<ins>插入</ins>

HTML链接

href：指定链接目标的URL，这是链接的最重要属性。可以是另一个网页的URL、文件的URL或其他资源的URL。

target：指定链接如何在浏览器中打开。常见的值包括_blank(在新标签或窗口中打开链接）和_self(在当前标签或窗口中打开链接）。

<a href="https://www.example.com" target="_blank">链接</a>

文件结构元素：

<html>
    <!--这是HTML文件的根元素，所有其他的元素均包含在其中。-->
</html>

<head>
    <!--包含HTML标题定义、外部、脚本代码、格式代码等处理信息和元数据。-->
</head>

<body>
    <!--包含HTML文件的内容。-->
</body>

文件头元素

<base>

<!--
    <base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。
    在一个文档中，最多能使用一个 <base> 元素。<base> 标签必须位于 <head> 元素内部。
-->
<!--
    例如：给定 <base href="https://xxx.com">
    以及 <p><a href="xxx">链接</a></p>
    链接指向 https://xxx.com/xxx
-->

<meta>

<!--
    可用于指定关于文件之额外中继资料，如作者、出版日期、有效日期、页面描述、关键字，或者透过其他header元素及HTML属性之其他未提供的信息。
-->

<meta name="author" content="Mr. Nobody">
<meta name="description" content="Study">
<meta name="keywords" content="HTML">
<meta charset="UTF-8">
<meta http-equiv="refresh" content="30">

<title>
    example
</title>

<!--
    定义文件标题。
    title元素不能包含其他元素，仅文字。只有一种title元素在文件中被允许。
-->

实例

<!DOCTYPE html> <!--声明为HTML5文件-->
<html lang="zh"> <!--元素是HTML页面的根元素-->
<head> <!--元素包含了文档的元（meta）数据，如 <meta charset="UTF-8"> 定义网页编码格式为 UTF-8-->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title> <!--元素描述了文档的标题-->
</head>
<body> <!--元素包含了可见的页面内容-->
    <h1> <!--元素定义一个大标题-->
        测试
    </h1>
    <p> <!--元素定义一个段落-->
        Hello world!
        <br><!--换行-->
        <b>加粗</b>
        <br>
        <i>斜体</i>
        <br>
        下标<sub>下标</sub>
        <br>
        上标<sup>上标</sup>
        <br>
        <del>删除</del><ins>插入</ins>

    </p>
    <a href="https://www.google.com.sg">面向谷歌编程</a>
</body>
</html>