Easton's Blog Easton's Blog
首页
  • 编程语言

    • Python
  • 框架

    • Django
  • Mdn (opens new window)
  • HTML
  • CSS
  • JavaScript
  • Mysql
  • PostgreSQL
  • Elasticsearch
  • MongoDB
  • Redis
  • 服务器命令
  • Docker
  • GIT
  • 摄影
  • 草稿
  • 归类方式

    • 分类
    • 标签
    • 归档
  • 关于博客

    • 博客教程
    • 友情链接
    • 关于
导航站
GitHub (opens new window)

Easton Yang

爱生活😊爱学习
首页
  • 编程语言

    • Python
  • 框架

    • Django
  • Mdn (opens new window)
  • HTML
  • CSS
  • JavaScript
  • Mysql
  • PostgreSQL
  • Elasticsearch
  • MongoDB
  • Redis
  • 服务器命令
  • Docker
  • GIT
  • 摄影
  • 草稿
  • 归类方式

    • 分类
    • 标签
    • 归档
  • 关于博客

    • 博客教程
    • 友情链接
    • 关于
导航站
GitHub (opens new window)
  • HTML

    • html基础
    • html标签
      • 标题
      • 段落
      • 格式化
        • 文本格式化标签
        • 计算机输出标签
        • 引用、引用和术语定义
      • 链接 a 标签
      • 列表
      • 块
      • iframe
      • 头部
      • 表格
      • 表单
  • CSS

  • JavaScript

  • 前端
  • HTML
eastonyangxu
2023-05-16
目录

html标签

# 标题

标题很重要

请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。

应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

这是h1标题

这是h2标题

这是h3标题

这是h4标题

这是h5标题
这是h6标题

# 段落

提示

  1. 段落是通过<p>标签定义的。浏览器会自动地在段落的前后添加空行。(<p>是块级元素)
  2. 使用 <br/>来换行。

这是一个段落。
我换行咯。

0/100

# 格式化

提示

HTML 可定义很多供格式化输出的元素,比如粗体和斜体字。可以查看 w3school 教程 (opens new window)

可以结合 css 样式制作各种的样式,制作出更适用的标签。这里的标签主要是一种规范,不同的标签有不同的功能,可以更好的控制其作用。

下面有很多例子,您可以亲自试试:

注意

因为博客主题设置了 css 样式,有些显示可能跟你的样式不一致,这些都是正常的。

# 文本格式化标签

定义粗体文本定义大号字定义着重文字定义斜体字定义小号字定义加重语气定义下标字定义上标字定义插入字定义删除字

# 计算机输出标签

定义计算机代码定义键盘码定义计算机代码样本定义变量
定义预格式文本

# 引用、引用和术语定义

定义缩写或首字母缩略语定义首字母缩写
定义文档作者或拥有者的联系信息
定义文字方向
定义长的引用
定义短的引用语定义著作的标题、引用、引证定义项目或缩略词的定义

# 链接 a 标签

提示

  • href 属性规定链接指向的页面的 URL
  • 设置了 download 属性,点击图片后会下载图片,download 对应的是图片名。在设置了 download 后, target 属性会被覆盖。
  • 完整属性请查看官网 (opens new window)

eastonyangxu 2023-05-18

点击图片查看效果
download属性:
target属性:

# 列表

  • 无序
  • 无序
  • 无序
  • 无序
  1. 有序
  2. 有序
  3. 有序
  4. 有序
自定义1
自定义2
自定义描述信息
自定义3

# 块

提示

div 是块级元素,可以结合其他元素使用,结合 css 可以实现各种效果,没有特定含义。w3 教程 (opens new window)

span 是行内元素,可用作文本的容器,没有特定含义。

# iframe

提示

iframe 用于在网页内显示网页,把网页内嵌在 iframe 中。w3 教程 (opens new window)

# 头部

提示

<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。w3 教程 (opens new window)

以下标签都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>。

# 表格

提示

表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。表格的表头使用 <th> 标签进行定义。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。w3 教程 (opens new window)

表格结合 css 能有强大的表现,后续再 css 模块演练表格。

# 表单

提示

<form> 元素定义 HTML 表单。w3 教程 (opens new window)

<input> 元素是最重要的表单元素。

#HTML
上次更新: 2023/05/22, 19:21:05
html基础
flex弹性盒子

← html基础 flex弹性盒子→

最近更新
01
攻略制作要点
07-18
02
摄影主题拍摄
07-18
03
延时摄影剧本
07-18
更多文章>
Theme by Vdoing | Copyright © 2023-2024 Easton Yang | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式