前端基础第一期-----初步的前端认知

前端的初步认识

开发工具与关键技术: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键,它会自动生成完整的标签。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值