HTML之Hello World

时间:2022-07-13 17:10:09

  之前学过一段时间的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. 如何区别char与varchar&quest;

    1.varchar与char两个数据类型用于存储字符串长度小于255的字符,MySQL5.0之前是varchar支持最大255.比如向一个长度为40个字符的字段中输入一个为10个字符的数据.使用var ...

  2. 视音频技术作业一:比较CCD与CMOS摄像的区别

    作业详解: CCD与CMOS简介: CCD: CCD是Charge Coupled Device(电荷耦合器件)的缩写,它是一种半导体成像器件,因而具有灵敏度高.抗强光.畸变小.体积小.寿命长.抗震动 ...

  3. Equals Finalize GetHashCode GetType MemberwiseClone ReferenceEquals ToString String&period;IsInterned

    参考资料: http://blog.csdn.net/afgasdg/article/details/6889383 http://www.cnblogs.com/skyivben/archive/2 ...

  4. Mac 系统占用100g的解决办法

    Mac 关于本机-磁盘管理,如果发现系统占用超过80g以上的小伙伴们可以做以下操作只需要以下4个步骤,轻松降到30g以内!!!!!!!(仅适用于安装了Xcode的小伙伴) 打开Finder,comma ...

  5. Bootstrap 4 网格的基本结构

    Bootstrap 4 网格的基本结构 网格类 Bootstrap 4 网格系统有以下 5 个类: .col- 针对所有设备 .col-sm- 平板 - 屏幕宽度等于或大于 576px .col-md ...

  6. hdu-3689 Infinite monkey theorem 概率dp&plus;kmp

    有一只猴子随机敲键盘,给出它可能敲的键以及敲各个键的概率. 输入:n,表示有多少个键,m,表示猴子会敲m次键 n个二元组(字母,数字) 表示键代表的字母及其被敲的概率. 最后一个目标字符串. 问这只猴 ...

  7. Lodop打印控件指定打印任务某几页

    使用Lodop打印控件进行打印开发,有时候一个任务里有多页,例如各种合同之类的,客户端用户在使用过程中,可能有某一页打印后发现需要修改,这时候不必再把整个任务重新打印一遍,只需要打印需要修改的那页重新 ...

  8. 男神女神配——alpha阶段总结

    一.需求分析 虽然公共社交网络系统能够满足大多数高校校园用户在校园网络社交的需求,但是针对校园学习.工作和文化生活等方面的支持以及学校个性化需求方面却存在不足.利用电子校务平台的数据,设计了与真实校园 ...

  9. virtualbox不能安装64位操作系统

    现在virtualbox 还是比较好用的虚拟机.新建立一个不同的操作系统还是非常方便. virtualbox下载地址  https://www.virtualbox.org/wiki/Download ...

  10. Selenium3 &plus; Python3自动化测试系列五——常用断言Assertion

    断言Assertion 验证应用程序的状态是否同所期望的一致. 常见的断言包括:验证页面内容,如标题是否为X或当前位置是否正确,或是验证该复选框是否被勾选. selenium 提供了三种模式的断言:a ...