之前学过一段时间的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. Symmetric Tree

    Given a binary tree, check whether it is a mirror of itself (ie, symmetric around its center). For e ...

  2. zorka源码解读之Beanshell与zorka的交互实现

    一.beanshell基础知识从应用程序中调用BeanShell创建一个BeanShell的解释器(interpreter)用eval()和source()命令可以对一个字符串求值和运行一个脚本文件使 ...

  3. enumerate（）

    今天我们学一个单词 enumerate 后面加个括号 他就不是单词了,那是什么呢 来看一下 enumerate() a = ('htc', 'oppo', 'vivo', 'huawei', 'mi' ...

  4. 转:ibatis的cacheModel

    转:ibatis的cacheModel cachemodel是ibatis里面自带的缓存机制,正确的应用能很好提升我们系统的性能. 使用方法:在sqlmap的配置文件中加入 <cacheMode ...

  5. phpcms无刷新分页

    控制器添加一个函数: 添加一个静态页面ajax_message.html,在页面中添加如下代码: 在要分页的页面(我的是"show"页面)中添加如上图代码: phpcms无刷新分页 ...

  6. linux vps安装kloxo配置全部过程

    第一步如何登录Linux VPS进行远程(SSH)管理 很多人可能用过免费虚拟主机,但绝没有用过好用的免费服务器租用,仅有的少数免费服务器都只针对有较高访问量的大站(以交换广告为条件),而普通小站是无 ...

  7. Ajax调用Conrtoller返回数据

    前端ajax function doRefund(){ $.ajax({ type: "POST", catch: false, url: "@Url.Action(&q ...

  8. 浏览器IE与非IE区分

    1. window.VBArray  IE自带 if(window.VBArray) {console.log("IE 浏览器");} else{console.log(" ...

  9. 关于BeanUiles.copyPropertis()的用法

    最近的项目遇到BeanUiles.copyPropertis(),大大的简化了代码量.用hibernate从数据库中映射的实体类,与pojo对象进行转换,传统做法 Object obj = baseD ...

  10. ios-UserDefaults

    //单例设计模式 /* 1.单例是一种设计模式 是开发人员在开发过程中总结出来的简单方法 2. 如果某个对象在整个工程中有且只有一个(唯一的)就必须使用单例设计模式创建该对象 3.单例设计模式创建的对 ...