跳转至

HTML

导言

learning HTML is the foundation of building my hugo theme

Excellent Video Resource

We're still on the lookout for an exceptional blog or overview paper to complement our understanding of this topic. Stay tuned for updates!

??? failure"Outstanding Blog or Overview Paper"

The key words are "rethink", "perspective"

Basic

1

  • <html> 元素是 HTML 页面的根元素
  • <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8

元素(实例)

  • 标题<h1></h1>, <h2></h2>
  • 段落<p></p>
  • 链接<a href="https://www.runoob.com">这是一个链接</a>
  • 图像<img src="/images/logo.png" width="258" height="39" />

  • 换行<br> 没有关闭标签

  • 水平线<hr>

  • 文本格式(e.g., 加粗,斜体,上下标)

  • <div> 区块元素,与CSS一同布局。

  • <nav> 定义导航链接的部分, 是 HTML5 的新标签。

属性

属性 描述
class 为html元素定义一个或多个类名(classname)(类名从样式文件引入)
id 定义元素的唯一id
style 规定元素的行内样式(inline style)
title 描述了元素的额外信息 (作为工具条使用)

more attributes

<head>

  • <title> 元素: 定义了浏览器工具栏的标题。当网页添加到收藏夹时,显示在收藏夹中的标题。显示在搜索引擎结果页面的标题
  • <link> 标签定义了文档与外部资源之间的关系。 <link rel="stylesheet" type="text/css" href="mystyle.css">
  • 使用 <base> 定义页面中所有链接默认的链接目标地址

Example

hugo template

参考文献

评论