之前学过一段时间的HTML相关知识，但是已经有将近一年多时间没有用过了，曾经学过的知识基本都忘记了，所以要从头开始学习。

　　例子：Hello World

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>test</title>

</head>

<body>

    Hello World.

</body>

</html>

HTML 元素：

  • <!DOCTYPE html> 声明为 HTML5 文档，HTML4及以前的标识方式会有部分不同，但现在H5的流行以及主流浏览器对不规范标签的支持，这样写基本到处都可以用
  • <html> 元素是 HTML 页面的根元素
  • <head> 元素包含了文档的元（meta）数据
  • <title> 元素描述了文档的标题
  • <body> 元素包含了可见的页面内容
  • <h1> 元素定义一个大标题：这种标签一共有六种，分别从h1~h6，分别标识六级标题
  • <p> 元素定义一个段落：在标签结束时，会自动换行
  • <a> 链接标签，如：<a href="http://www.cnblogs.com/SummerinShire/">卫道士的博客</a>
  • <img> 标签，如：<img src="test.jpeg" width="192" height="108">
  • <br /> 换行标签，这个标签本身就是一个空标签
  • 其他类似的标签还有好多，等用到的时候再去详细描述。

HTML属性：

　　属性是为HTML标签添加附加信息，一般设置在开始标签中，并且总是以键值对的方式存在。

  • <class> 为html元素定义一个或多个类名（classname）(类名从样式文件引入)
  • <id> 定义元素的唯一id
  • <style> 规定元素的行内样式（inline style）
  • <title> 描述了元素的额外信息 (作为工具条使用)
  • 其他的标签还有好多，等用到的时候再说。

PS:

　　HTML全称为 HyperText Markup Language （HOW TO MAKE LOVE），即超文本标记语言。

　　标签格式：<标签>内容</标签>

　　关于中文编码，如果HTML文档本身就定义为UTF-8的话，<meta charset="UTF-8">这个标签是不必要的，但最好加上，以防万一。

随机推荐

  1. Codeforces558E A Simple Task（线段树）

    题目 Source http://codeforces.com/problemset/problem/558/E Description This task is very simple. Given ...

  2. HDU-1203（01背包）

    I NEED A OFFER! Problem Description Speakless 很早就想出国,现在他已经考完了所有需要的考试,准备了所有要准备的材料,于是,便需要去申请学校了.要申请国外的 ...

  3. 阿里云分布式关系数据库DRDS笔记

    1.Join左边的表查询数据越少,性能越好 2.广播表作为Join的驱动表 3.SQL的Limit优化 SELECT * FROM t_order o WHERE o.id IN ( SELECT i ...

  4. python 基础

    Python基础 三元运算(三目运算),是对简单的条件语句的缩写. # 书写格式 result = 值1 if 条件 else 值2 # 如果条件成立,那么将 “值1” 赋值给result变量,否则, ...

  5. HDU2653 BFS+优先队列

    Waiting ten thousand years for Love Time Limit: 10000/2000 MS (Java/Others)    Memory Limit: 32768/3 ...

  6. *HDU1969 二分

    Pie Time Limit: 5000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submiss ...

  7. ArcEngine奇怪异常：HRESULT:0x80040351

    错误如图 根据该博客,http://blog.csdn.net/u011609113/article/details/51155116, 显示该错误为Duplicate Field Names wit ...

  8. oracle[insert 时报错: 单行子查询返回多行]

    -- 错误的写法 insert into t_b_partner_vehicle(id, partner_id, vehicle_id) (seq_t_b_partner_vehicle.nextva ...

  9. [转]Oracle数据块体系的详细介绍

    数据块概述Oracle对数据库数据文件(datafile)中的存储空间进行管理的单位是数据块(data block).数据块是数据库中最小的(逻辑)数据单位.与数据块对应的,所有数据在操作系统级的最小 ...

  10. mysql数据库迁移

    由于yum安装mysql的时候,数据库的data目录默认是在/var/lib下,出于数据安全性的考虑需要把它挪到/data分区.步骤如下: 一.关闭apache和mysql. 复制代码 代码如下: s ...