正文

HTML之Hello World

IP云
IP云V管理员/5 阅读
08/17
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

之前学过一段时间的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. 二、innerHTML应用测试

    <!DOCTYPE html><html><head><meta charset="UTF-8"><title>inne ...

  2. Testing - 质量保证与质量控制

    QA QC QM 概念 Quality Assurance (质量保证) Quality Control (质量控制) Quality Manage (质量管理) 定义 为达到质量要求所采取的作业技术 ...

  3. Java虚拟机JVM学习01 流程概述

    Java虚拟机JVM学习01 流程概述 Java虚拟机与程序的生命周期 一个运行时的Java虚拟机(JVM)负责运行一个Java程序. 当启动一个Java程序时,一个虚拟机实例诞生:当程序关闭退出,这 ...

  4. MySQL数据库 安装图解

    下面的是MySQL安装的图解,用的可执行文件:下载地址:http://www.jinhusns.com/Products/Download/?type=xcj相关下载 mysql安装向导启动,按“Ne ...

  5. MySQL连接字符串总结

    一.MySQL Connector/ODBC 2.50 (MyODBC 2.50)连接方式 1.本地数据库连接 Driver={MySQL};Server=localhost;Option=16834 ...

  6. 读书笔记&lowbar;Effective&lowbar;C&plus;&plus;&lowbar;条款二十三：宁以non-member、non-friend替换member函数

    有下面一种情况 class A { private: int a; int b; public: A(int x, int y) :a(x), b(y){} void a_display(){ cou ...

  7. fputcsv 导出CSV、Excel DownLoad

    以前使用excel导出插件导出50000左右的数据就经常遇到内存不足或者超时等现象,现在自己用fputcsv导出CSV比直接导出excel好多了,导出文件可以直接用excel打开.下载后可放在框架目录 ...

  8. 警惕！MySQL成数据勒索新目标

    据最新报道显示,继MongoDB和Elasticsearch之后,MySQL成为下个数据勒索目标,从2月12日凌晨开始,已有成百上千个开放在公网的MySQL数据库被劫持,删除了数据库中的存储数据,攻击 ...

  9. Java集合框架梳理（含经典面试题）

    Java Collections Framework是Java提供的对集合进行定义,操作,和管理的包含一组接口,类的体系结构. 1. 整体框架 Java容器类库一共有两种主要类型:Collection ...

  10. java--银行业务调度系统

    转载请申明出处:http://blog.csdn.net/xmxkf   1. 银行调度业务系统的题目来源与需求阐述 银行业务调度系统: 模拟实现银行业务调度系统逻辑,具体需求如下: 1.银行内有6个 ...