一.web的基本介绍

web就是world wide web的缩写，称之为全球广域网，俗称WWW

可以将web理解成一种当前的互联网，对于我们来说更多的就是网站服务

网站我们可以理解成是由很多网页组合在一起而形成的一种服务

web前段就是一个网站当中前台网页的内容

网页就是前段工程师用HTML语言编写成的一种文件，它里面包含文字、图片、声音、视频、超链接.........（网页本质就是一个HTML文件）

二、HTML的基本介绍

1.定义

Htper   Text markup language超文本标记语言，其中的超指的就是它其中的内容不仅仅是文字

2.HTML的发展历史

在互联网最初的时候没有HTML，我们只能通过网络传输最简单的文字内容

随着用户的要求越来越多，同时也是我们的技术的不断的发展，就出了一种可以表达文字内容之外的语言HTML1.0

在最初时是HTML1.0----XHTML1.0（过度）------XHTML2.0（放弃）------HTML5（目前正在使用）

三、HTML网页骨架

网页通过HTML语言来书写

使用HTML语言来书写网页，我们需要相应的书写网页的工具（Hbuider）

在我们使用HTML语言去编写网页时，有一些结构是默认必须使用的格式

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title></title>

    </head>

    <body>

    </body>

</html>
<!DOCTYPE html> ： document type(文档类型)，向浏览器声明，当前文档是HTML文件类型
html：  它是网页中最大的一个标签，称之为根标签
head：  网页的头部，它里面的内容是写给浏览器看的
meta：  如果有charset就是向浏览器声明当前的编码格式
title： 网页的标题，它里面的内容显示在网页的标签页上
body:   网页的主体，它里面的内容显示在浏览器的空白区域

四、Hbuider的下载安装过程

1.到官网去下载Hbuider的最新版本

2.将压缩包进行解压（免安装）

3.解压完成后进入Hbuider的根目录，双击Hbuider.exe文件

4.第一次打开会提示需要进行注册，当然也可以不注册，直接进入使用。注册根据提示输入邮箱账号和设置密码即可

5.初次进入HBuilder，会进行一些初始化设置。

　　　　第一步：护眼主题设置，根据自己的喜好进行设置。

　　　　第二步：设置显示标准，根据个人喜好进行配置一下，点击确认并关闭，设置完成。这样就可以开始写第一个WEB项目了。

　　6.如编程时想使用电脑中没有的字体，应将自己下载的字体文件复制到电脑的C:\Windows\Fonts位置

 

HTML之网页的基本介绍的更多相关文章

  1. soso官方：网页分类技术介绍

    http://www.wocaoseo.com/thread-190-1-1.html 1.    技术背景     分类问题是人类所面临的一个非常重要且具有普遍意义的问题.将事物正确的分类,有助于人 ...

  2. HTML中网页超链接设计

    一.超链接的概念: 1>用<a>标签实现.href属性设置了要链接的网址. 链接路径URL:Uniform Resource Locator的缩写.统一资源定位符. 4部分组成:协议 ...

  3. Google网页搜索

    本博文的主要内容有 .Google网页搜索的介绍 .Google网页搜索的使用偏好设置 .Google网页搜索的普通搜索 .Google网页搜索的高级搜索 .Google高级搜索之一:布尔逻辑搜索   ...

  4. 智齿客服网页端接入文档V2.3

    产品介绍 智齿客服网页端接入提供以下两种部署方式. 一.网页组件(推荐) 通过智齿客服网站咨询组件,企业的用户可快捷联系到企业客服获取帮助.智齿客服网页组件提供强大的用户行为采集能力和系统对接能力,支 ...

  5. python 爬虫（一） requests+BeautifulSoup 爬取简单网页代码示例

    以前搞偷偷摸摸的事,不对,是搞爬虫都是用urllib,不过真的是很麻烦,下面就使用requests + BeautifulSoup 爬爬简单的网页. 详细介绍都在代码中注释了,大家可以参阅. # -* ...

  6. 一个基于特征向量的近似网页去重算法——term用SVM人工提取训练，基于term的特征向量，倒排索引查询相似文档，同时利用cos计算相似度

    摘  要  在搜索引擎的检索结果页面中,用户经常会得到内容相似的重复页面,它们中大多是由于网站之间转载造成的.为提高检索效率和用户满意度,提出一种基于特征向量的大规模中文近似网页检测算法DDW(Det ...

  7. 解读Loadrunner网页细分图（Web Page Diagnostics）

    [转载的地址]https://www.cnblogs.com/littlecat15/p/9456376.html 一.启用网页细分图 首先在Controller场景设计运行之前,需要在菜单栏中设置D ...

  8. selenium抓取动态网页数据

    1.selenium抓取动态网页数据基础介绍 1.1 什么是AJAX AJAX(Asynchronouse JavaScript And XML:异步JavaScript和XML)通过在后台与服务器进 ...

  9. Jmeter(四十五) - 从入门到精通高级篇 - Jmeter之网页爬虫-上篇（详解教程）

    1.简介 上大学的时候,第一次听同学说网页爬虫,当时比较幼稚和懵懂,觉得就是几只电子虫子爬在网页上在抓取东西.后来又听说写代码可以实现网页爬虫,宏哥感觉高大上,后来工作又听说,有的公司做爬虫被抓的新闻 ...

随机推荐

  1. POJ 1182 食物链 (破题)

    题意:中文题. 析:对POJ 真是无语,有的题用G++过不了,C++能过,有的题不写EOF(题目明明说就一组的数据的)不过,有的题写EOF也不过, 这个题就是写EOF就过不了... 这个题用的是加权并 ...

  2. WeFlow 简单使用教程

    一.前言 WeFlow 是什么?一个高效.强大.跨平台的前端开发工作流工具.(官网定义),下载那些你们都知道,我就不一 一介绍了.下面我说一下简单使用: 二.使用教程 首先,我们使用 WeFlow 是 ...

  3. MS SQL server对象类型type

    执行下面代码,将获取ms sql server对象类型以及其说明 IF OBJECT_ID('tempdb.dbo.#type') IS NOT NULL DROP TABLE #type CREAT ...

  4. 201621123016 《Java程序设计》第十周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结异常相关内容. 2. 书面作业 本次PTA作业题集异常 1. 常用异常 结合题集题目7-1回答 1.1 自己以前编写的代码中经常出现 ...

  5. html页面选择图片上传时实现图片预览功能

    实现效果如下图所示 只需要将下面的html部分的代码放入你的代码即可 (注意引入jQuery文件和html头部的css样式,使用的是ajax提交) <!-- 需引入jQuery 引入样式文件 引 ...

  6. layui常用功能

    包含的主要样式: 验证不通过时的弹窗 弹窗修改信息 询问框(是否删除之类的) 操作成功提示.操作失败提示 加载样式(显示加载层) 文件下载请前往github over!over!over!

  7. Lightoj1084【DP啊DP】

    题意: 给你n个人的位置,每个人最多移动k个单位,然后在某点>=3人可以抱团,问你这n个人最少抱团数,只要有一个n不能抱团输出-1: 思路: 感觉又是超级超级狗血.... 剪不断,理还乱... ...

  8. MySQL 分区简介

    MySQL自5.1开始对分区(Partition)有支持. = 水平分区(根据列属性按行分)=举个简单例子:一个包含十年发票记录的表可以被分区为十个不同的分区,每个分区包含的是其中一年的记录. 水平分 ...

  9. 稳定UI运行结果-自动化测试失败重试和截图

    运行自动化测试的时候,有时会因为网络不稳定,测试环境或者第三方环境正在重启而造成用例运行结果不稳定,时而能跑过时而跑不过.这些难以重现的环境因素造成的用例失败会让测试人员很困扰,排查即耗费时间也没有太 ...

  10. scrapy.Request使用meta传递数据，以及deepcopy的使用

    scrapy.Request(url[,callback,method="GET",headers,body,cookies,meta,dont_filter=False])   ...