热门关键字:
jquery > jquery教程 > jquery教程 > 2小时入门html5 新手教程

2小时入门html5 新手教程

302
作者:管理员
发布时间:2021/4/15 18:18:37
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4464
  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代码过程中,需要为我们所写的代码添加注释,这是至关重要的。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐