HTML+CSS (二) HTML基础、元素、属性

文章目录

  • 前言
  • 一、HTML基础
    • 1.HTML标题
    • 2.HTML段落
    • 3.HTML链接
    • 4.HTML图像
  • 二、HTML元素
    • 1.元素组成
    • 2.元素语法
    • 3.嵌套的HTML
    • 4.HTML 空元素
  • 三、HTML属性


前言

大家好,想把自己学的东西整理一下,也可以把自己的想法和知识和大家分享一下。
第一次写博客,希望大家可以谅解一下,如有错误欢迎各位指出。
下面进入我们HTML和CSS的正题

一、HTML基础

1.HTML标题

HTML标题是通过

-
标签来定义的。例如:

<h1>这是一个h1标题h1>
…………
<h6>这是一个h6标题h6>

2.HTML段落

HTML 段落是通过

标签进行定义的。例如:

<p>这是一个p段落p>

3.HTML链接

HTML 段落是通过 标签进行定义的。例如:

<a href="https://www.baidu.com">这是一个链接a>

4.HTML图像

HTML 段落是通过 标签进行定义的。例如:

<img loading="lazy" src="/images/logo.png" width="258" height="39" />

二、HTML元素

1.元素组成

HTML文档由HTML元素组成。
HTML元素由起始标签、内容和闭合标签组成。例如:

起始标签 内容 闭合标签

这是一个h1标题

这是一个p段落


换行

起始标签常被称为开始标签,闭合标签常称为结束标签。

2.元素语法

  • HTML 元素以起始标签起始,以闭合标签终止
  • 元素的内容是起始标签与闭合标签之间的内容
  • 某些 HTML元素具有空内容
  • 空元素在起始标签中进行关闭(以起始标签的结束而结束)
  • 大多数 HTML 元素可拥有属性

3.嵌套的HTML

大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。
HTML 文档由嵌套的 HTML 元素构成。例如:

<html>
//<html> 元素定义了整个 HTML 文档。
//拥有一个开始标签 <html>,以及一个结束标签 html>。
//元素内容是另一个 HTML 元素(body 元素)。
<body>
//body定义了HTML文档的主体
//拥有一个开始标签 <body>,以及一个结束标签 body>。
//元素内容是另一个 HTML 元素(p 元素)。
<p>这是一个p段落p> 
//p元素定义了 HTML 文档中的一个段落。
//拥有一个开始标签 <p>,以及一个结束标签 p>。
//元素内容是:这是一个p段落。
body>
html>

4.HTML 空元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。例如

在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。
在开始标签中添加斜杠,比如
,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

三、HTML属性

属性为 HTML 元素提供附加信息。

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现
    例如:
 <a href="http://www.baidu.com">百度a>

主要属性列表:

属性 作用
class 为html元素定义一个或多个类名
id 为html元素定义唯一一个id
style 规定元素的行内样式

你可能感兴趣的:(html,css)