首页 > Web开发 > 详细

HTML

时间:2019-10-06 22:56:36      阅读:75      评论:0      收藏:0      [点我收藏+]

01- HTML简介

  • HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm,一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页,显示的网页可以从一个网页链接跳转到另外一个网页。

  • 超文本: 就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。html是由很多标签组成的,学习html其实就是学习标签的使用

  • 标准模板

  •  1 <!DOCTYPE html>   <!--文档声明-->   
     2 <html lang="en">   <!--根标签-->
     3 <head>                  
     4     <meta charset="UTF-8">  <!--编码声明-->     
     5     <title>Title</title>    <!--网页标题-->
     6 </head>
     7 <body>
     8         网页显示内容          <!--网页主体-->
     9 </body>
    10 </html>
  • html是由很多标签组成:html标签(一个html文件里面只能有一个html标签),head标签、body标签。如果把html比作一个完整的人体框架,head就是html的头,body是html的身体。

02- HTML注释

  • html文档中的注释使用<!--这里是注释内容-->,被注释的内容不会在网页中显示

03- head标签

  3-1 mate标签  

  • 定义关于HTML文档的元数据。 重要的属性有三个:http-equiv、name、content

  • http-equiv:把content属性值关联到http头部

    • Content-Type(浏览器接受的文档类型,一般是text/html)

    • refresh(网页刷新,以秒为单位)

    • expires(设定网页到期时间,一旦过期,必须到服务器上重传)

    • <meta http-equiv="Content-Type" content="text/html ;charset=UTF-8"/>
      <meta http-equiv="Refresh" content="2">    #过两秒自动刷新
      <meta http-equiv="Refresh" content="2;URL=https://www.baidu.com">     #过两秒自动跳转到对应的网站
      <meta http-equiv="expires" content="6 Jun 2019"/>
  • name: 把content属性关联到一个名称

    • keywords(搜索关键字,用于搜索引擎抓取信息的显示)

    • description(搜索到网站后显示的网页内容简描述)

    • author(站点制作者信息)

    • generator(用以说明生成工具)

    • <meta name="keywords" content="搜索关键字">
      <meta name="description" content="简要描述">
      <meta name="author" content="http://cnblogs.com/suoning">
      <meta name="generator" content="用以说明生成工具">
  • content: 定义与http-equiv或name属性相关的元信息,是必要的属性

  3-2 link标签

  • 引用外部文档,常见于引用外部样式。重要属性有三个:rel、href、type。

  •  <link rel="stylesheet" href="...">

  3-3 style标签

  • 在页面中写css样式

04- body标签

  • 标题标签:通过 h1、h2、h3、h4、h5、h6标签可以在网页上定义6种级别的标题。

HTML

原文:https://www.cnblogs.com/jincieryi1120/p/11628590.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!