一.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. UVa 242 Stamps and Envelope Size (无限背包，DP)

    题意:信封上最多贴S张邮票.有N个邮票集合,每个集合有不同的面值.问哪个集合的最大连续邮资最 大,输出最大连续邮资和集合元素. 最大连续邮资是用S张以内邮票面值凑1,2,3...到n+1凑不出来了,最 ...

  2. Asp.net后台创建HTML

    为了使HTML界面中的内容能根据数据库中的内容动态显示用户需要的内容,或者根据权限不同要显示同而实现页面内容的动态创建 使用HtmlGenericControl创建HTML标签 引入命名空间: usi ...

  3. E20181216-hm

    intersect vt. (指线条.道路等) 相交,交叉; vt. 横断,横切,横穿;

  4. AndroidStudio关联GitHub

    1.前提: 1.已有github账号和密码 github官方网站:https://github.com/ 2.下载了git客户端 客户端下载地址:http://pan.baidu.com/s/1slV ...

  5. forEach方法如何跳出循环

    1.for方法跳出循环 function getItemById(arr, id) { var item = null; for (var i = 0; i < arr.length; i++) ...

  6. windows7激活及office2013激活

    步骤 1.安装KMSpico 密码:dzit 2.安装.NET Framework 4 密码:vnus 3.解压KMSpico,运行文件,等待语音结束即可激活windows7及office2013 注 ...

  7. lightoj 1089 【离散化+线段树】

    题意: 给你n个区间,然后给你m个i点问你这个点在几个所给定的区间里: 思路: 离散化+区间覆盖 #include <bits/stdc++.h> using namespace std; ...

  8. [Xcode 实际操作]一、博主领进门-(12)代码重构

    目录:[Swift]Xcode实际操作 本文将演示如何重构代码. 在项目导航区,打开视图控制器的代码文件[ViewController.swift] [快速更改同名变量或常量] 在代码编辑区域,点击需 ...

  9. Eclipse开发MR环境搭建

    1.jdk环境配置     jdk安装后好后配置相关JAVA_HOME环境变量,并将bin目录配置到path 2. 下载hadoop-2.7.1.tar.gz 解压hadoop-2.7.1.tar.g ...

  10. Centos 7.x 安装 MongoDB

    官方安装资料:点击直达 本次以Centos为安装主机 1:首先先导入MongoDB的yum源,因为Centos默认是没有MongoDB的yum源,创建文件:/etc/yum.repos.d/mongo ...