HTML基本格式

1.编写HTML的步骤:

新建一个文本文档

利用记事本打开

编写HTML代码

保存文件并修改文件的扩展名为.html

利用浏览器打开编写好的文本

2.网页的基本格式:

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body></body>

</html>

其中标签都是成对存在的,其中不带"/"的标签称作开始标签,带"/"标签称作结束标签。

3.html标签:

的作用是告诉浏览器,这一个是一个网页。并且其他所有的标签必须都在html标签开始和结束标签内。

4.head标签:

它是用于给网页添加一些配置信息。

配置信息包含:

a.指定网站的标题、指定网站的小图片。

b.添加网站的seo相关的信息(指定网站的关键字、网站的描述信息)

c.外挂一些外部的css/js文件

d.添加一些浏览器适配的相关内容

注意:head标签中的内容都不会显示给用户查看,也就是一般情况下head标签中的内容我们看不到。

5.title标签

专门用户指定网站的标题,并且指定的标题将来还会作为用户保存网站的默认标题。

注意事项:title标签必须写在head标签中

6.body标签

专门用于定义HTML文档中需要显示给用户查看的内容(文字、图片、音频、视频)。

注意事项:一对html标签中只能有一对body标签。

7.DTD文档声明

HTML有多个版本,且每个版本之间都存在一定的差异,为了让浏览器更好的编译、解析、渲染网页,我们会在html文件中的第一行指定版本。

<!DOCTYPE html>   指定HTML5版本(该版本向下兼容)

注意点:

必须写在第一行;不区分大小写;它不是一个标签。

标签的分类:

单标签:由一个<>组成的标签

双标签:由一对<>和</>组成的标签

标签之间的关系:

并列关系:在同一级的标签,两者的关系就称作并列关系。head标签与body标签

嵌套关系:父子关系或者是上下级关系的标签。如head标签与title标签。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,019评论 1 45
  • 前言 本系列文章主要是基于W3school这个学习网站来总结的,之所以会自己总结一番,一来是因为网站中的实例效果,...
    码字与律动阅读 9,572评论 4 70
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,683评论 1 92
  • 原谅我用你的照片当头像。以前那个是微博曾经的默认头像。这个简书我下载注册已经好几个月了。只不过当时没写过文章只是看看。
    唯爱芳芳阅读 1,131评论 0 0
  • 雪 飘着飘着就散了, 看着看着就落了, 举头望 漫天银光。 ​斜倚窗 青丝凌乱 眸无光, 泪已成行。 ​走着走着就...
    MY波波美食阅读 1,605评论 0 2