码迷,mamicode.com
首页 > Web开发 > 详细

HTML基础第一部分

时间:2019-06-15 13:51:06      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:结构   超文本标记语言   zh-cn   tps   utf-8   name   理解   src   col   

网页是什么?

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

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

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

 

HTML是什么?

  • 是一种超文本标记语言
  • HTML不是编程语言,它属于标记语言
  • 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语法的标签

  • HTML标记标签通常被称为HTML标签
  • HTML标签是由尖括号包围的关键词,比如<br>
  • HTML标签通常是成对出现的,比如<p></p>
  • 标签一般由一对开始标签和结束标签组成,除特定的单标签外

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

  • 标签不可胡乱嵌套,比如:错误写法<span><b></span></b>

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

  • 标签不区分大小写,但最好小写(具体原因复习到JavaScript里再说)
  • 每个标签都是闭合的
  • 同一标签可以拥有N个不同属性
  • 最重要的一点,HTML标签中的符号都是英文符号,否则一旦出错,很难找到成对标签和单标签详解

 

成对标签

  • 包含起始标签和结束标签
  • 内容写在对标签中间
  • 属性写在起始标签尖括号内(不建议这样做,练习可用)

例如<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

HTML基础第一部分

标签:结构   超文本标记语言   zh-cn   tps   utf-8   name   理解   src   col   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!