美文网首页
前端开发之HTML(一)

前端开发之HTML(一)

作者: 水枂 | 来源:发表于2018-05-11 22:46 被阅读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>中放置的是网页的标题

<meta charset="utf-8">声明网页的编码为中文

文档中注释用<!--注释的内容-->

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

(三)使用Dreamweaver创建一个HTML文件

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

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

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

代码内容:

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

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

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

微信公众号:zhjj0729

微博:文艺to青年

相关文章

  • 前端学习资料

    前端 Html+CSS+JS Web前端开发之HTML+CSS精英课堂【渡一教育】 Web前端开发之JavaScr...

  • 前端开发之HTML(一)

    首先说一下我们学习前端开发要学习HTML+CSS+Javascript。 想要自己编辑一个好看的界面吗?那么闲话少...

  • 07-HTML标签

    前端开发 前端开发也叫做web前端开发,它指的是基于web的互联网产品的页面开发及功能开发。 html HTML是...

  • HTML入门必备

    查看作者原文 一、前端开发做什么 传统前端:html+css+js HTML5大前端:各种端的兼容开发、Ajax+...

  • 移动前端开发规范(一般规范)

    系列目录 移动前端开发规范(一般规范)移动前端开发规范(技术栈规范)移动前端开发规范(HTML规范)移动前端开发规...

  • 前端开发 之 HTML基础(一)

    文章简要: 理论知识 网站开发工具 理论知识 web标准 WEB标准不是某一个标准,而是一系列标准的集合。网页主要...

  • 前端开发之--初识HTML

    简介: HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup...

  • 二、flask开发基础与入门

    一、web开发基础 1、前端知识 前端开发基础: HTML CSS JavaScript 前端常用的库与框架: b...

  • 什么是前端工程化

    一、前端工程化 1. 小白眼中的前端开发 会写 HTML + CSS + JavaScript 就会前端开发 需要...

  • HTML前端开发(一)

    因为工作需求,也学了下HTML5前端开发知识,对于现在的iOS开发来说,这也是一门可以加分的知识哦首先,我们在简书...

网友评论

      本文标题:前端开发之HTML(一)

      本文链接:https://www.haomeiwen.com/subject/tqvqdftx.html