首先说一下我们学习前端开发要学习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>中放置的是网页的标题
<meta charset="utf-8">声明网页的编码为中文
文档中注释用<!--注释的内容-->
这里有必要说明一下:HTML5以后标签不在区分大小写
(三)使用Dreamweaver创建一个HTML文件
step1 打开软件点击文件---->新建或者(Ctrl+N)出现如下界面
页面类型选择HTML,文档类型选择HTML5,出现如图所示
修改title标签的内容为我的第一个网页,在body内容写入任意内容,点击菜单栏文件--->保存。
代码内容:
打开文件夹单击HTML文件在浏览器中打开观看效果
好了,今天就写到这以后有时间更新,写的比较仓促,有不足的地方欢迎指正。
本文章仅供学习用,禁止用作商业用途,未经授权不得转载
微信公众号:zhjj0729
微博:文艺to青年