一篇介绍了网页的基本结构,那如何编写网页的内容? 前提是要学会HTML标签的用法,本篇主要介绍HTML标签是什么,如何学习,需要大概多长时间学习。
本篇主要基于html5介绍,html5 是最新版的标准,之前的版本可以自己了解下。
HTML的英文全称是Hyper Text Markup Language,直译为超文本标记语言。它是全球广域网上描述网页内容和外观的标准。HTML包含了一对打开和关闭的标记,在当中包含有属性和值。标记描述了每个在网页上的组件,例如文本段落、表格或图像等。
事实上,HTML是一种因特网上较常见的网页制作标注性语言,而并不能算做一种程序设计语言,因为它缺少程序设计语言所应有的特征。HTML通过IE等浏览器的翻译,将网页中所要呈现的内容、排版展现在用户眼前。
一个html标签基本结构如下:
<标签名称 属性="属性值"></标签名称> 或 <标签名称 属性="属性值"/>有以下特点:
没有捷径,需要多看,多练。在这里我不一一介绍每个标签的具体含义及用法,相关语法可以参考以下几个网站:
制定一个学习计划,每天坚持下去
要求,每天花费3到5个小时学习,至少1到2周掌握常用的html标签含义及用法,可以按照上面介绍的标签进行分类学习,感谢关注,祝你学习愉快。
tml指超文本标记语言,通过标签来控制文字和图片的显示方式,以.html结尾的文件是Html文档,学习网站W3school。
Html文档结构
title标签是标题标签,body内部存放能够看到的所有内容,包含文字,图片,视屏等。
常见的基本标签
p标签是段落标签,h1标签是头部标签多用于文章标题或副标题,共有六个,img图片标签引入图片,div是最常见的块级标签,可以将网页中的内容划分出若干个矩形区域,用于存放不一样的内容。标签可以分为单标签和双标签。
无序列表
网页中间有一些内容相似,结构相仿,布局接近的区域,像这一类区域我们就使用无序列表来进行区域划分。
有序列表
网页中间还有一些内容相似,结构相仿,布局接近但是每个区域的内容是有先后关系的区域,像这一类区域我们就使用有序列表来进行区域划分。
编辑软件vscode
JavaScript中,this的行为与其他语言略有不同,所有很多新手朋友对它的怪异行为会感到困惑,关于this的文章也很多,讲得也很深,记起来也不容易,今天我们换个角度来介绍一下,看看这个this在这些情况下是怎么工作的。
什么是this
简而言之,就是对象的引用。 你可能会问哪个对象? 这取决于使用它的代码的上下文,而上下文取决于调用代码的范围。
在函数外执行
如果你在函数之外使用 this,即在全局上下文中,this 将指向全局对象,即窗口对象(NodeJS 全局范围内的 this 是当前 module.exports 对象,而不是全局对象。 这与全局范围是全局窗口对象的浏览器不同, 咱们暂时忽略这个)。 回想一下 window 对象允许 JS 引擎与浏览器的能力和功能进行交互。 让我们通过示例来理解这一点:
在函数内执行
this 在函数内部的行为与外部函数相同,即 this 仍然指向全局对象。 这是因为函数在没有对象上下文的情况下被调用:
在对象的方法里执行
在方法内部使用时,理解 this 的上下文会变得有点棘手。 请记住 - this 的值取决于调用方法的方式,而不取决于定义方法的位置。 例如,
但是,如果我们将 obj 的方法 printThis 分配给另一个变量,我们将在全局上下文中执行该方法。 因此这将被分配给窗口。
请注意 this 的值如何取决于这些函数的调用方式。
重要 - 方法中的内部函数将具有全局范围,因为该函数将在没有对象上下文的情况下被调用
但是如果我们想让内部函数保留对象的上下文呢? 有两种流行的方法可以实现这一点:
在构造函数内执行
在构造函数(使用 new 关键字创建的函数)中使用 this 时,this 指向新创建的对象:
请记住在使用构造函数时使用 new 关键字,以避免在全局上下文中的函数内设置变量,从而最终污染它。
在类内执行
在 ES6 类中使用时,this 关键字指向使用new创建的当前对象(此行为类似于构造函数)
希望这篇文章对您理解this有所帮助。
*请认真填写需求信息,我们会在24小时内与您取得联系。