2小时入门html5 新手教程

  HTML 全称:HyperText Markup Language 超文本标记语言。所以html严格来说不算是一种编程语言,只是一种标记语言。对初学者来说没有任何门槛要求。
 
  学习HTML5所需要的软件:Visual Studio Code、谷歌浏览器。
 
  接下来就进入HTML5的学习吧
 
  HTML由多个HTML元素组成。
 
  什么是元素呢,我们在网站上能看到的文字、图片、视频、超链接等,都是通过元素实现的。也就是说:元素实现了我们要展示在网页中的内容。
 
  元素的书写格式:例如:表示文本段落的元素p
 
  他的书写格式:
 
  可以看到 一个p元素由三个部分组成。首先是
 
  ,我们称之为起始标记/标签。中间则是元素内容,即我们需要展示到网页上的内容。最后
 
  则是结束标记/标签。大部分元素的书写格式都是由这三大部分组成。
 
  空元素:这类元素没有结束标记和元素内容,仅由起始标记组成,单依然有内容展示。
 
  例如:添加图片的元素img 书写格式:
 
  那么没有元素内容的img标签怎么展示内容的呢? 可以看到img起始标记中有一个src=“”,称之为元素的属性,一个元素可以有多种不同的属性,而属性决定了元素的行为表现。 src为属性名 后面**“”内的内容为属性值**,这里属性值需要填写图片的链接地址,这样图片就可以展现到页面中了。 类似的空元素还有一些,可以自行去查阅。
 
  元素嵌套:一个元素可以嵌套另一个元素。
 
  例如:页面中的一个区域div内有3个段落,每个段落中有一个可点击的超链接。
 
  书写格式:
 
  嵌套的形式在书写网页中是很常见的,但是嵌套的方式要符合逻辑,例如区域嵌套段落。如果是一个段落嵌套一个区域,那么就会显得不合理。
 
  W3C全程:The World Wide Web Consortium
 
  W3C是一个国际组织,是一个专门为HTML制定相应的规则与规范的机构。
 
  html的文件格式为:index.html
 
  其中index可以随意更改,后缀html不可更改
 
  打开VS code创建好一个html文件之后
 
  在代码书写区域,需要先添加部分基础代码。 在VS code中,只需在英文状态下输入! 按下回车即可。
 
  输入完成后可以看见html中出现了部分代码。
 
  首先是DOCTYPE html 文件类型:html
 
  然后有一些标签:head、meta、title、body
 
  我们书写的内容都放在body内
 
  在这里给大家介绍一些常用的元素:
 
  学会以上五种基本元素后,我们已经可以开始书写一些有简单文字图片内容的页面了。
 
  在我们书写html代码过程中,需要为我们所写的代码添加注释,这是至关重要的。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61743.shtml

张贴在2