篇一:初窥HTML

HTML概述

超文本标记语言,HyperText Markup Language

  • 超文本:超出普通文本的界限,可以改变文字的颜色,制作图标等
  • 标记:可以理解为标签,HTML所有的内容都是通过标签实现的

第一个HTML程序

可以使用任何的文本编辑器,写入如下代码,文件后缀为html,则可以在浏览器中直接运行

示例一
示例一

<html>
  <head> 
    <title>浏览器标签标题</title>
  </head> 
  <body>
    <font size="7" color="blue">H5中已经被废弃的文字标签</font> 
  </body>
</html>

此时实现的效果应该是这样

效果一

HTML中需要遵循的规范

  • 标签需要成对出现
    如示例一中,<head>为开始标签,</head>标签为结束标签
  • 特殊标签的结束写法
    也有一些标签如换行标签<br/>,则将开始标签和结束标签写在一起

示例一解读

  • <html>
    告知浏览器其自身是一个 HTML 文档,需要包含<head><body>标签
  • <head>
    用于定义文档的头部,可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等绝大多数文档头部包含的数据都不会真正作为内容显示给读者
  • <body>
    包含文档的所有内容,比如文本、超链接、图像、表格和列表等
  • <title>
    可定义文档的标题,通常把它放置在浏览器窗口的标题栏或状态栏上,当把文档加入收藏夹时,会作为默认的标题
    <title>标签是<head>标签中唯一要求包含的东西
  • <font>
    规定文本的字体、字体尺寸、字体颜色
    我们可以看到在<font>中,添加了size属性以及color属性,用来设置文本的字号大小以及文本的颜色,不过,在 HTML 4.01 中,<font>不被赞成使用,请使用样式代替<font>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,375评论 1 41
  • HTML简介 HTML(Hyper Text Mark-up Language超文本标记语言)的缩写,标记:就是用...
    Tyjo阅读 307评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,844评论 1 92
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,269评论 4 61
  • · 聚光大手电 射程8米 · 大容量电话本 可存300条 · 内置真语音王 支技FM外放 · ...
    下雨天的美阅读 920评论 0 1