博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
2-[HTML]--介绍
阅读量:4662 次
发布时间:2019-06-09

本文共 1463 字,大约阅读时间需要 4 分钟。

1.HTML简介

HTML,全称是超文本标记语言(HyperText Markup Language),它是一种用于创建网页的标记语言。标记语言是一种将文本(Text)以及文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的计算机文字编码。与文本相关的其他信息(包括例如文本的结构和表示信息等)与原来的文本结合在一起,但是使用标记(markup)进行标识。

2.开发环境

市面上有很多的HTML编辑器可以选择,常见的Hbuild、Sublime Text、Dreamweare都可以用来开发HTML。 当然PyCharm也支持HTML开发。

3.文件后缀名规范

文件后缀一般使用.html或.htm .html与.htm均是静态网页后缀名,网页文件没有区别与区分,html与htm后缀网页后缀可以互换,对网页完全没有影响同时也没有区别。可以认为html与htm没有本质区别,唯一区别即多与少一个“l”。

对于开发环境我们不做多余的介绍啊,那么我们正式进入HTML标签的学习吧。 ps:同学们!同学们 如果你想知道整个前端所有的标签有哪一些,那么你可以打开一个百度首页,F12或者右击检查,你就会发现,如图: 

那什么是标签呢?

1. 在HTML中规定标签使用英文的的尖括号即`<`和`>`包起来,如``、`

`都是标签。 2. HTML中标签**通常**都是成对出现的,分为开始标签和结束标签,结束标签比开始标签多了一个`/`,如`

标签内容

`和`
标签内容
`。开始标签和结束标签之间的就是标签的内容。 3. 标签之间是可以嵌套的。例如:div标签里面嵌套p标签的话,那么`

`必须放在``的前面。 4. HTML标签不区分大小写,`

`和`

`是一样的,但是我们通常建议使用小写,因为大部分程序员都以小写为准。

4.HTML文档结构

这一节课我们来学习HTML文件的结构:一个HTML文件是有自己固定结构的。

    ...    ...

 

HTML结构

让我们来解释一下上面的代码:

首先,<!DOCTYPE HTML>是文档声明,必须写在HTML文档的第一行,位于<html>标签之前,表明该文档是HTML5文档。

  1. <html></html> 称为根标签,所有的网页标签都在<html></html>中。
  2. <head></head> 标签用于定义文档的头部,它是所有头部元素的容器。常见的头部元素有<title><script><style><link><meta>等标签,头部标签在下一节中会有详细介绍。
  3. <body></body>标签之间的内容是网页的主要内容,如<h1><p><a><img>等网页内容标签,在<body>标签中的内容(图中淡绿色部分内容)最终会在浏览器中显示出来。

HTML文档包含了HTML标签及文本内容,不同的标签在浏览器上会显示出不同的效果,所以我们需要记住最常见的标签的特性。

 

5.HTML注释

无论我们学习什么编程语言,一定要重视的就是注释,我个人一直把注释看成是代码之母。 HTML中注释的格式:

注意: 注释中可以直接使用回车换行。

并且我们习惯用注释的标签把HTML代码包裹起来。如:

这里放你xx部分的HTML代码

HTML注释的注意事项:

  1. HTML注释不支持嵌套。
  2. HTML注释不能写在HTML标签中。

 

转载于:https://www.cnblogs.com/venicid/p/9121076.html

你可能感兴趣的文章
微信小程序三级联动自定义组件component
查看>>
Hive记录-配置客户端可视化管理工具远程连接
查看>>
oracle学习之临时表
查看>>
c++ 常见问题之 vector 和数组
查看>>
java实验一实验报告
查看>>
jsp的九个内置对象
查看>>
(简单) HUST 1017 Exact cover , DLX+精确覆盖。
查看>>
python 多进程和子进程1
查看>>
android--多View切换viewpager
查看>>
工厂方法模式(Factory Method)
查看>>
淘宝网发展史:揭开神秘组织的技术内幕与艰辛历程
查看>>
System.setOut 重定向 memcached 的输出
查看>>
[JLOI2012]时间流逝
查看>>
Fibonacci
查看>>
复数模版
查看>>
LINUX netlink机制
查看>>
memmove 和 memcpy的区别以及处理内存重叠问题
查看>>
Windows Mobile 串口通信之串口打开
查看>>
HDU4707:Pet(DFS)
查看>>
2012年敏捷个人俱乐部(北京)实践团开始报名了......
查看>>