HTML基础第一部分

时间:2019-06-15 13:39:25   收藏:0   阅读:105

网页是什么?

  网页的基础是由文本,图片,链接构成的。网页还包含了表单,表格,动画,音乐等元

素。我们常看到的网页多是HTML+CSS+JavaScript组成的。他们分别代表了,结构,表现

和行为。HTML制作物品躯干,CSS装饰物品外观,JavaScript则负责让物品动起来。

 

HTML是什么?

创建HTML文档

  包含有HTML标签的文档被称为HTML文件,HTML文档的扩展名为.html或者.htm。

 

HTML的基本结构

<!DOCTYPE html>
  <html>
    <head>
      <meta charset="UTF-8">
      <title>基本结构</title>
    </head>
    <body>
      网页主体
    </body>
  </html>


  结构开头的DOCTYPE是一种标准通用标记语言的文档类型声明,主要作用是告诉标

准通用标记语言解析器(浏览器)要使用什么样的文档类型来解析文档。

  上面代码写的开头声明便是告诉浏览器,按最新的html文档类型进行解析。具体的可以

声明模式可以参考MDN文档https://developer.mozilla.org/zh-CN/

<html>

  <head>

    <!--

      -这里主要是对文档进行诠释,定义,描述,引入脚本等作用(可以

      理解为引用脚本、指示浏览器在哪里找到样式表、提供元信息等一些不作为

      正式内容展示给读者的内容)

    -->

  </head>

  <body>

    <!--

      对页面内容进行排版、编辑、显示在页面中,是html的主体

    -->

  </body>

</html>

HTML语法的标签

  注:开始和结束标签也被称为开放标签和闭合标签,闭合标签要以“/”结束

               正确的写法<span><b></b></span>

 

成对标签

例如<a href="https://www.baidu.com" style="textdecaration:none"></a>

 

单标签

例如<img src="123.jpg" alt="123">

 

HTML属性

必须放在开始标签内,属性可以为标签提供更多样化的样式

 

元素

开始和结束标签连同里面的内容被称为一个元素

 

HTML注释

注释就是对代码的说明,不会再浏览器中显示

注释标签为<!--注释内容-->

 

HTML头部中常用的标签

<head>

  <meta charset="UTF-8">

  <title>标题标签</title>

  <meta name="keywords" content="关键词,多个关键词用逗号隔开"/>

  <meta name="description" content="本篇网页的概述"/>

</head>

 

HTML常用字体标签

h1~h6、strong、em、span、u、i、b这些都是字体的常用标签,具体效果不做展示

附录:

常用HTML标签大全  https://www.cnblogs.com/hjjun/p/6274995.html

doctype的作用  https://www.cnblogs.com/alwaysblog/p/5822834.html

个人有道云原文链接  http://note.youdao.com/noteshare?id=8da6cf24ced7255d4e7a9272f5ce66b8

原文:https://www.cnblogs.com/zangshengjie/p/11027219.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!