前端开发之HTML（一）

2018-05-11 本文已影响0人水枂

首先说一下我们学习前端开发要学习HTML+CSS+Javascript。

想要自己编辑一个好看的界面吗？那么闲话少说，接下来我们直接开始介绍第一部分HTML，由于这部分比较简单我们将简单的介绍。

HTML（Hyper Text Markup Language ）即超文本标记语言，它不是一种编程语言，而是一种描述性的文本标记语言，用于描述超文本的内容和结构。HTML最基本的语法为<标记符></标记符>

（一）HTML的开发环境

1.记事本开发

因为HTML为纯文本格式文件，所以可以用记事本编辑，新建文本文档，把文档的扩展名改为.html即可在浏览器打开。

2.Dreamweaver Cs6开发环境

使用记事本编辑效率太低，使用Dreamweaver 有代码提示功能可以更方便的开发，Dreamweaver 安装非常简单。下载链接密码75ea（仅用于学习交流，支持正版软件。）软件截图如下：

（二）HTML文档的基本结构

一个完整的页面结构必须包含下面的内容

文档中必须包含<HTML></HTML>并且在文档的开头和结尾。<head></head>中放置头部标记，文件的公用属性例如css属性style样式，这部分内容不显示在网页中。平时看见的网页内容就是放在<body></body>中的内容。

<! doctype html>是文档类型的说明，在HTML5才改用，以前的很繁琐。

<title></title>中放置的是网页的标题

文档中注释用

这里有必要说明一下：HTML5以后标签不在区分大小写

（三）使用Dreamweaver创建一个HTML文件

step1 打开软件点击文件---->新建或者（Ctrl+N）出现如下界面

页面类型选择HTML，文档类型选择HTML5,出现如图所示

修改title标签的内容为我的第一个网页，在body内容写入任意内容，点击菜单栏文件--->保存。

代码内容：

打开文件夹单击HTML文件在浏览器中打开观看效果

好了，今天就写到这以后有时间更新，写的比较仓促，有不足的地方欢迎指正。

本文章仅供学习用，禁止用作商业用途，未经授权不得转载

微信公众号：zhjj0729

微博：文艺to青年