计算机, 程序设计
HTML:对初学者入门
HTML - 这已使互联网作为我们熟悉和喜爱的超文本标记语言。 正是由于这个奇妙的工具网站看起来漂亮和现代化,并提供其使用的便利性。 HTML是简单地组装一个网页的用户友好的选项的元素。 他的作品相媲美的做事实 的文本编辑器 如MS Word或OpenOffice。 他们把字母不露面的质量有段落,粗体字,斜体,表格,甚至是图像文件内。 大致相同的事情让HTML,与作为它的文档显示在浏览器中,并且该工具的可能性比文本编辑器更广泛的唯一区别。 用于标记的标签 - 描述网页结构的特殊命令。 他们尖括号 - <标签>,浏览器可以从文本的总质量区分它们。 接下来我们就来看看HTML的初学者的基本知识。
可视化编辑器
初学者只铺平了HTML的学习方式,往往开始他们与程序的工作没有任何知识来创建网站。 他们可以直接在屏幕上放置的物品,因为它们将出现在浏览器。 这似乎是,在这里它是 - 永远的恩典之源,允许摆脱大多数的Web开发人员。 但并非如此简单,因为可视化编辑器有许多不足之处,使其不可能在严重的项目中使用它们。
这些项目创造了很多,使页面的最终版本繁琐和次优不必要的标签。 当然,在这个年龄段的高速互联网它是那么重要比以往,但也有许多原因简洁而精心编写的网站是一个比其对应,在可视化编辑器创建更加实用。 在这样一个方案的网页会被搜索引擎作为代码和繁琐和不合理代码每千字节一束语义错误重要的是他们遭到不良待遇很难有他们的口味。 此外,编辑往往落后于时代,变得无关紧要,并花费大量资源对他们的发展是不切实际的,因为没有专业就不会使用这些产品。 因此,谁想要在创建网站的工作,应该知道HTML的基础知识。
标签
正如上面提到的,标签网页浏览器页面的结构。 他们大多有开始和结束标记,但不是全部。 例如,
还有一个标签,这并不需要关闭。 在他们这是内部的,以及属性。 属性可以建立对大多数HTML标签,并设置元素的属性。 它在开放标签指定如下:属性=“...”,在那里,而不是点是属性值。 标签的知识是HTML发展的第一步,也是最重要的一步。 这种艺术的基本知识也意味着网页结构的理解。
文档结构
每个HTML文件具有相应的扩展名,例如,的index.html。 所以,浏览器就可以明白他要做的,并正确显示的页面。 所有用于创建站点的文件,最好是保持在未来将大大缓解您的生活在同一目录下。 超文本标记语言HTML的基础涉及文档的结构有清晰的认识。 它开始与标签<!DOCTYPE HTML>,讲述HTML,这是本文档中使用的浏览器版本。 目前,语言的局部第五个版本,所以没有必要去创造什么,我们可以安全地插入上述标签的任何页面的顶部。
然后进入主配对的结构,构成该网站的“骨架”。 其中第一标签把所有的休息 - ... HTML>。 所有这一切都是超越,不是由浏览器作为网页的认可,所以,它打开和关闭文件。 这个标签需要的任何文件。 它还包含几个强制性标签,这将在下面讨论。
头
内部标记
... head>中包含的技术性,这将不会在页面上显示出来,但是,尽管如此,是HTML文档的一个重要组成部分的信息。 在这个地方放置网站的通知,被选中并导入页面名称的编码。 它包含强制性标签<标题> ... TITLE>内。 它显示的名字在你的浏览器,在这里你还可以将一个小图标的页面内容的顶部。 明智的做法是立即指定其正确显示文档编码。 这可以用标签<元的charset = “UTF-8”/>来进行。 网页上的元数据提供结构和通常位于头部内。链接
HTML的基本知识也涉及使用层叠样式,或CSS。 他们设置将在页面上显示的元素的属性。 现代的办法处理这一问题涉及的一些特征如颜色,高度和项目的位置的征收,以更加方便的外部文件。 要连接的CSS文件使用标签<链路/>。 在成品形式,它看起来像这样:<链路HREF = HTTP://站点/article/250376/%E2%80%9Dstyle.css%E2%80%9D类型= “文本/ CSS”/>,这表明HREF在该文件,类型的位置 - 其类型。
体
它是由页面的可见部分创建的HTML文档的这一部分。 所有这一切都在“身体”内完成的将被浏览器显示出来。 在
- <跨度> - 用于提取的子字符串,将被分配给一个特定的风格,在CSS中所述;
- - 创建一个Web页面上的链接; 跳跃地址被指定属性的href;
- - 现代最流行的标签之一; 任何人谁决定学习语言HTMLl的基础知识应特别注意它,因为它是块元素,这就是今天的网站(块参数在CSS设置等单位可以放在这个标签内)的最大份额的基础上作出的;
- 选择文本的段落; 该段的内容位于开始和结束标记之间;
- <01> - 编号列表,其中的元素是作为标记对
- ;
- - 项目符号列表, 其中,以及在编号的元件由标签表示的
- ;
-
-
- 文件报头(图中表示的报头,即,
的水平 - 主标题,和随后的变化是其字幕,顺便说一下,标题
,
是几乎不可能找到在互联网上的开放空间的水平)同样重要的是要记住,一个页面只能有一个报头
;
- 的 - 粗体文本;
- - 斜体;
-
- 插入网页(它是一个标记,它并不需要关闭,但它需要指定alt属性,它指定用于图像的文字)上的图片; - <视频> - 插入网页上的视频;
- <音频> - 标签被插入到音频文件中的文件。
这还不是全部必要创建自己的网页的标签,但它们足以奠定HTML的基础,适合初学者。
CSS
HTML语言的发展导致了一个事实,即每个标签obzavolsya权重属性,并为Web页面的外观要求意味着大幅增加。 代码已经成为麻烦和不便,这是很难读它,更不用说去适应或改变。 此外,再有出汗,如果你的网站十页,上了不少头条,标志着绿色变为每手,你突然想让他们的红色。 随着层叠样式表的问世,这一过程变得简单和逻辑,以及HTML代码变得更具可读性。
应用CSS
要创建网页,你必须知道HTML和CSS的基础知识,所以它现在是没有级联样式表的知识,在这方面做的是什么。 他们为每个元素的属性,它适用于整个文档。 因此,可以为所有
元素或设置颜色一次,仅写入一个规则。 鉴于网页的外观目前的要求,采用层叠样式表是必须的。
为了CSS文件连接到文档,有一个标签链接。 略高于其描述它的使用原则,但不是所有样式在一个地方相结合的唯一选择。 这里是位于该文件的“头”,让您无需使用CSS文件注册样式标记<风格>。 不一定使用任何一种方法或另一种。 他们可以成功地组合,以产生最好的结果。 要创建样式表文件需要创建一个文件扩展名的.css,例如,Styles.css文件。
JavaScript的
往往谁已经决定开始开发Web页面的人,认识到他的任务是不够的由HTML提供的资金。 基本面将创建一个页面美观,但如果你突然需要使它互动? 为了这些目的,有一个独特的场景编程语言与HTML交互得很好。 这就是所谓的JavaScript,因为它被认为是流行的Java语言的一个弟弟。 如今,这些语言已经有显著的差异,以及它们之间的差距只生长。
JavaScript可以授权HTML,它允许你创建和编辑标签。 另外随着这个奇妙的工具的帮助下,你可以用Cokie工作,从服务器下载数据,而无需重新加载页面,使网站更具互动性不是让HTML功能。 它具有语言和与安全相关的限制。 如果JavaScript不是在服务器端使用,它将在限制其能力的条件下进行,使攻击者可以在任何电脑上使用恶意代码。
编者
对于初学者HTML基本假设是最方便和实用程序的知识,网页制作。 如上所述,视觉编辑如Dreamweaver等,不适合于这些目的。 所以,写标签在正常的笔记本吗? 这个选项也值得怀疑,因为一个标准的笔记本电脑没有任何特殊的工具进行布局。 这个任务很可能应付记事本++。 这款产品的一大优点是,它是开源的,并免费发放。 在这里面有一个方便的语法高亮和自动关闭标签。 记事本+ +还提供了多种界面语言,并能够很容易地与众多新增的帮助扩展能力。
崇高的文本3 - 类似记事本++程序,但传播的费用的基础上。 她赢得了大部分开发商的心。 崇高的文本3理想的JavaScript,CSS和HTML。 与之合作的基础必须学会靠自己,但它是值得的。 它包含了微调,最大限度地调整方案,以满足您的需求,真正无限的可能性。
HTML的基础知识,并为初学者CSS
正如你所看到的,学习网页制作的艺术也不是那么困难,因为它乍看起来。 短短几个月实践培训会变成你从一个胆小的初级用户开发。 Vorstke学习比学习任何编程语言或Linux容易得多。 事实上,HTML标签不那么了解自己的应用程序的实际问题重要得多。
不要在这个行业不对劲是在Adobe Photoshop的工作技能。 这个程序允许你用照片,图像和网页的其他图形元素的工作。 目前,它“的Photoshop”是最好的应对这样的问题,竞争对手有一点点。 对于那些谁是公司的Adobe产品来不是自己的喜好,有Lightroom中,GIMP,Illustrator和具有类似功能的其他程序。
这让HTML知识
在网页制作技能今天是非常相关的,随着互联网的突飞猛进扩大。 每一个企业,任何,哪怕是最小的车间,车间和体育俱乐部 - 都希望有自己的网站。 当然,对于这个他们需要谁拥有CSS和HTML的开发人员。 基础简单易学,然后就看实践。 由于布局技术在不断发展,前端开发人员总是受欢迎的。 任何人谁决定投身到这一激动人心的行业,绝不会没有工作。
Similar articles
Trending Now