学习HTML:指南与教程

介绍

HTML入门

元素

用来包围内容,譬如<p>哈哈</p>

  • 块级元素:生成单独一行,譬如<p></p>
  • 内联元素:通常在块级元素中,譬如<em></em>
  • 空元素:仅有标签,不含内容,譬如<img src="1.jpg">

属性

<p class="editor-note">haha</p>
  • 诸如class就是一个属性;
  • 属性前须有空格,属性与属性值用=相联且不能空格(好像其实也可以空格);
  • 单引号或双引号均可,但请保持一致;不要省略引号,虽然也能省略

布尔属性:属性值必须与属性名相同或留空,譬如disabled="disabled"disabled

空白

内容 中的连续空白会被省略为一个空格

实体引用

原义 字符引用
< &lt;
> &gt;
" &quot;
' &apos;
& &amp;

完整列表:XML和HTML字符实体引用列表

注释

<!-- <p>我在注释内!</p> -->

什么是头部

头部中的内容不会显示,而是用于包含一些页面的元数据

标题

<title>:页面标题

<h1>是大标题,会显示在页面中,但<title>不会

元数据

  • 编码<meta charset="utf-8">
  • namecontent<meta name="author" content="Chris Mills"><meta name="description" content="a note">

图标

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

CSS和JavaScript

  • CSS<link rel="stylesheet" href="a.css">,一般置于头部
  • JS<script src="a.js"></script>,一般置于</body>

主语言

<html lang="en-US">

文字处理基础