之前学过一段时间的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. BDYY【面试题】

    1.引用与多态的关系:引用是除指针外另一个可以产生多态效果的手段.这意味着,一个基类的引用可以指向它的派生类实例. 2.C++可以多继承 3.引用与指针区别:

  2. markdown 常用语法 (在macdown内使用正常)

    顺便附上 MacDown的官网,我觉得MacDown挺好用的,推荐给大家! #一级标题 ##二级标题 ###三级标题 ####四级标题 #####五级标题 ######六级标题 *** ###使用分割 ...

  3. 1.0 多控制器管理(附:Demo)

    本文并非最终版本,如有更新或更正会第一时间置顶,联系方式详见文末 如果觉得本文内容过长,请前往本人 “简书”       控制器 :   一个iOS的app很少只由一个控制器组成,除非这个app极其简 ...

  4. Leetcode Valid Number

    Validate if a given string is numeric. Some examples:"0" => true" 0.1 " => ...

  5. Jackson学习资料

    Jackson JSON Processor Wiki Documentation for the Jackson JSON processor Jackson Tutorial by StudyTr ...

  6. 网站开发常用cmd命令

    一.Windows服务安装: framework 4.0 : cd C:\Windows\Microsoft.NET\Framework\v4.0.30319 framework 2.0 :  cd ...

  7. ios 单例设计模式

    单例模式的意思就是只有一个实例.单例模式确保某一个类只有一个实例,而且自行实例化并向整个系统提供这个实例.这个类称为单例类.单例可用性非常高,用于登录用户管理等可供全局调用. + (AccountMa ...

  8. postcss-px2rem

    1.安装 npm install gulp-postcss --save-dev 2.gulp var gulp = require('gulp'); var postcss = require('g ...

  9. BZOJ3687 计算子集和的异或和

    题不知道怎么不见了,bzoj上已经没了3687这题了 题意:给你一个n 然后输入n个数 求这n个数的所有子集的和的异或和 思路:用bitset记录某个数是否在子集和中出现,利用bitset对二进制位的 ...

  10. Django 视图与网址进阶

    一 .在网页上做加减法 1. 采用 /add/?a=4&b=5 这样GET方法进行 1 2 3 django-admin.py startproject zqxt_views cd zqxt_ ...