HTML之Hello World

时间：2024-03-03 12:39:13

　　之前学过一段时间的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">这个标签是不必要的，但最好加上，以防万一。

相关文章