一.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. T^TOJ - 1251 - ｡◕‿◕｡TMD - 欧拉函数 - 质因数分解

    http://www.fjutacm.com/Problem.jsp?pid=1251 想了很久,一开始居然还直接枚举因子d,计算重复了. 首先你要找与n的最大公因子大于m的x的个数. \[\sum\ ...

  2. 如何快速将vc++的类转换为c#/cli

    所有需要的工具: 1. TextTemplate 2. P/Invoke Interop Assistant 3. DotNetResolver vc++的native类一般是无法直接暴露在.net环 ...

  3. 跳转到另一个APP

    看看这个代码: http://code4app.com/codesample/4fcc512d6803fae60b000002 inApp跳转,不过需要Nimbus类库. 要跳转到另一个APP,需要另 ...

  4. 安装Net::OpenSSH 库

    perl 离线安装 Net::OpenSSH 库 Net::OpenSSH 库 下载地址https://metacpan.org/pod/Net::OpenSSH 直接获取安装包命令 wget htt ...

  5. 网络装机pxe服务器的配置过程

    网络装机pxe服务器的配置过程 背景: 针对于Linux运维工作中遇到的需要大批量安装Linux系统的情况,通过网络装机的方式实现无人值守安装Linux操作系统,现需要配置一台pxe服务器用于pxe批 ...

  6. Android近场通信---NFC基础（五）（转）

    转自 http://blog.csdn.net/think_soft/article/details/8190463 Android应用程序记录(Android Application Record- ...

  7. Spring security + oauth2.0 + redis + mybatis plus 搭建微服务

    上个星期一个朋友请求帮忙,让我搭建一个分布式授权中心的微服务,之前我也没搭建过,在网上撸了几天前辈们写的技术博客,搞出个模型,分享给大家: 前辈们博客地址: OAuth2.0 原理:https://b ...

  8. hdu 6319 Problem A. Ascending Rating （2018 Multi-University Training Contest 3）

    #include <stdio.h> #include <iostream> #include <cstdlib> #include <cmath> # ...

  9. 大数（string 之间的快速幂）

    //字符串的乘法 string multi(string a, string b){ ], len = a.length() + b.length(); memset(arr, , sizeof ar ...

  10. django (四) model模型

    models模型 1. models 定义属性 概述 django根据属性的类型确定以下信息 ·当前选择的数据库支持字段的类型 ·渲染管理表单时使用的默认html控件 ·在管理站点最低限度的验证 dj ...