一周回顾之分享HTML笔记

1.HTML

(1)

HTML(Hypertext Markup Language)超文本标记语言

它负责网页的三个要素之中的结构

HTML 使用标签的形式来认识网页中的不同组成部分

所谓超文本指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面

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

HTML 文档也叫做 web 页面

(2)

HTML 标题(Heading)是通过<h1>-<h6>标签来定义的

HTML 段落是通过标签<p>来定义的

HTML 链接是通过标签 <a> 来定义的

HTML 图像是通过标签 <img> 来定义的

2. 标签 (元素)

HTML 标记标签通常被称为 HTML 标签(HTML tag)。

HTML 标签是由尖括号包围的关键词,比如<html>

HTML 标签通常是成对出现的,比如<b>和</b>(可用于一级标题)

标签对中的第一个标签是开始标签,第二个是结束标签

开始和结束标签也被称为开放标签和闭合标签

标签可以嵌套

html

预览

<html>

    <head>

        <title></title>

    </head>

    <body>

        <h1>这是我的第二个网页</h1>

    </body>

</html>

示例

解释: 1.<p>元素::: 这个<p>元素定义了 HTML 文档的主体,这个元素拥有一个开始标签 <p> 以及一个结束标签 </p>.

2.<body>元素<body> 元素定义了 HTML 文档的主体,这个元素拥有一个开始标签 <body> 以及一个结束标签 </body>。body标签用来设置网页的主体内容,网页中所有可见的内容,都应该在 body 中编写

3.<html>元素 (有且只有一个根标签)<html> 元素定义了整个 HTML 文档,这个元素拥有一个开始标签 <html>,以及一个结束标签 </html>.

4. head 标签,该标签中的内容,不会在网页中直接显示,它用来帮助浏览器解析页面的

5. title 网页的标题标签,默认会显示在标签页顶部title网页的标题标签,默认会显示在浏览器的标题栏中搜索引擎在检索页面时,会首先检索title标签中的内容它是网页中对于搜索引擎来说最重要的内容,会影响到网页在搜索引擎中的排名

HTML 标签参考手册

菜鸟教程的标签参考手册提供了有关这些标题及其属性的更多信息。您将在本教程下面的章节中学到更多有关 HTML 标签和属性的知识。

标签描述

<html>定义 HTML 文档

<body>定义文档的主体

<h1>

-<h6>

定义 HTML 标题

<hr>定义水平线

<!--...-->定义注释

常用标签

1. 标题标签

在 html 中,一共有六级标题标签,h1~h6,在显示效果上,h1 最大,h6 最小h1 标签非常重要,它会影响到页面在搜索引擎中的排名,一般页面中的标题标签只使用 h1,h2,h3,h3 以后的基本不使用

2. 段落标签

标题标签用于表示内容中的一个自然段,使用p标签来表示一个段落。p标签中的文字,默认会独占一行,并且段与段之间会有一个间距在 HTML 中,字符之间写再多的空格,浏览器也会当成一个空格解析,换行也会当成一个空格解析

3. 自结束标签

<br/>,<br/>表示一个换行

<hr>,<hr/>表示插入横线img标签也是一个自结束标签

3. 注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。例如:<!-- 这是一个注释 -->

4. 属性

属性是 HTML 元素提供的附加信息

属性通常出现在 HTML 标签的开始标签中,用于定义元素的行为、样式、内容或其它特性

属性总是以 “name=value” 的形式写在标签内,name是属性的名称,value是属性的值

示例: <h1>这是我的<font color="red">第二个</font>网页</h1>

属性名 = “属性值”,一个标签中可以同时设置多个属性,属性之间需要空格隔开

6. 实体

概述:

在 html 中,一些如< >中特殊字符是不能直接使用的,需要使用一些特殊的符号来表示这些特殊字符,这些特殊符号称为实体(转义字符串)

语法:

&实体的名字;

应用:

<:&lt;

>:&gt;

空格:&nbsp;

版权符号:&copy;

7. 图片标签

概述:

使用img标签来向网页中引入一个外部图片

8.内联框架

概述:

使用内联框架可以引入一个外部的页面,使用iframe来创建一个内联框架,但在现实开发中不推荐使用内联框架,因为内联框架中的内容不会被搜索引擎检索

使用属性:

<iframe ></iframe>

src:指向一个外部界面的路径,可以使用相对路径

width:

将以上图片提取文字并转为markdown格式

使用属性:

<iframe ></iframe>

src:指向一个外部界面的路径,可以使用相对路径

width:

height:

name:可以为内联框架指定一个name属性

9. 超链接

概述:

使用超链接可以让我们从一个界面跳转到另一个界面

创建超链接:

使用a标签来创建一个超链接<a></a>

创建超链接时,如果地址不确定可以直接写一个#作为占位符

属性:

href:指向链接跳转的目标地址,可以写一个相对路径也可以写一个完整的地址

target:a标签中的target属性可以用来指定打开链接的位置

可选值:_self,表示在当前窗口打开(默认值)

_blank,表示在新的窗口打开链接

可以设置一个内联框架的name属性值,连接将会在指定的内联框架中打开

center标签中的内容会默认在页面中居中显示

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第1章 html基本结构 认识HTML: html不是一种编程语言,是一种标志语言 标记语言是由一套标识标签组成的...
    不喝可乐_7889阅读 736评论 0 0
  • 块级元素和内联元素 在HTML中有两种你需要知道的重要元素类别,块级元素和内联元素。 块级元素在页面中以块的形式展...
    MajorDong阅读 1,883评论 0 0
  • 1、CSS笔记: 点击链接后退页面: 回到上一个网页 ——修改placeholder提示的样式: 1.除IE外通用...
    倚剑闯天涯_阅读 903评论 1 2
  • HTML 指超文本标记语言(HyperText Markup Language),是一种用于创建网页的标准标记语言...
    神齐阅读 2,139评论 0 3
  • 本文为阅读《Head First HTML 与 CSS》的html部分的读书笔记,方便回顾书上的知识,另一篇为He...
    兼续阅读 3,463评论 0 23

友情链接更多精彩内容