前端的初步认识
开发工具与关键技术:DW软件 的 HTML
作者:周欢
撰写时间:2019/1/16
HTML的简介:
HTML(英文:HyperText Markup Language,简称HTML)是一种超文本标记的语言,它的后缀名是html。
HTML的应用:
1、我们通常使用HTML来创建自己的web站点(也是我们俗称的网页),然后在浏览器(Chrome、IE、Firefox…)上运行,有浏览器来执行解析。
2、现在很多网站基本是由多个HTML网页组成。比如淘宝
HTML的基本结构:
HTML最外层由标签包裹,主要是由head和body组成。
如下是DW新建的HTML文档截图:
文档截图代码的解析:
代码*<!doctype html>*:文档类型为html,这是使用DW创建的默认代码,也就意味着这是标准模式,在任何浏览器中显示会是大致一样的页面。
<head></head
:文档的头部,在这你可以进行css插件和JavaScript插件的引入,在刚创建的HTML文档中会默认出现<meta charset="utf-8">
和<title></title>
它们分别代表什么呢?
<mate charset="utf-8">
字符集,<title></title>
文档的标题,之后有专题讲解,现在就稍微提一下
<body></body>
: 文档的主体,在这里进行对网页的布局,通过给各式各样的标签添加样式再使用浏览器执行代码呈现出页面效果。
温馨提示各位亲:
在学习前端开发之前我们需要下载DW开发软件 和 谷歌浏览器(推荐使用,也可以使用IE浏览器或者火狐浏览器再或者搜狗高速浏览器)
本期已经结束,下期见ღ( ´・ᴗ・` )比心
申明:
该文献是本人在学习前端开发之后个人的一些理解,如有不妥之处还望广大网友提出宝贵意见???
附件:
拓展:
输入标签可以不用一个一个字符输入,建议使用快捷键。DW软件自带了便捷方法,先输入你想要的标签单词然后按住Tab键,它会自动生成完整的标签。