-
2021-06-12 02:00:49
先上格式
<html>
<head>
<title>标题<title>
</head>
<body>
..........文件内容..........
</body>
</html>
这是一个标准网页的声明
是文档的头部,通常在
标签里面还有可能加入css等样式,例如meta是html中的元标签,其中包含了对应html的相关信息,客户端浏览器或服务器端的程序会根据这些信息进行处理。
content(内容类型):重要!!这个网页的格式是文本的,网页模式
charset(编码):特别重要!!!这个网页的编码是gb2312,中文编码,需要注意的是这个是网页内容的编码,而不是文件本身的,其他类型的编码中文可能会出现乱码。编码通常会出现gb2312以及utf—8两种规范,utf—8比较贴近于国际标准,而如果这个站只针对中国的话,可以选择gb2312。
是网页的名称,每张网页都有可以有个固定的名字,但也可以没有
标签在html语言中,就是标题的意思在
与之间的文字就是该网页的名字。keywords是网页关键词,以前搜索引擎非常重视抓取这个东西,可是因为很多站长过度优化关键词,现在已经不那么重要了。
description是网页描述,介绍这个网页的大概内容。
是HTML语言的标签. 意思是主体。 网页的主体布局就在body里面进行。
最后放入一些标准化底部样式的地方,比如友情链接,比如网站备案等等等等。
更多相关内容 -
网站的基本概念和组织结构.docx
2022-05-18 23:32:24网站的基本概念和组织结构.docx网站的基本概念和组织结构.docx网站的基本概念和组织结构.docx网站的基本概念和组织结构.docx网站的基本概念和组织结构.docx网站的基本概念和组织结构.docx网站的基本概念和组织结构.... -
[Bootstrap]从入门到实战_bootstrap网站基本结构简介(一)
2017-01-18 18:27:48手把手教你用Bootstrap开发网站(demo)作为一个web前端攻城狮,如果每一个按钮、样式、处理浏览器兼容性的代码都要自己从零开始去写,那就太浪费时间了。所以我们需要一个框架,帮我们实现一个页面的基础部分和解决...手把手教你用Bootstrap开发网站(demo)
作为一个web前端攻城狮,如果每一个按钮、样式、处理浏览器兼容性的代码都要自己从零开始去写,那就太浪费时间了。所以我们需要一个框架,帮我们实现一个页面的基础部分和解决一些繁琐的细节,只要在它的基础上进行个性化定制就可以了。
作为一个后端攻城狮,这个框架也是再适合不过去学习的了。简单上手,也能做出很专业、美观的页面,极大地提高了工作效率。像下面这些漂亮的网站就是基于Bootstrap来开发的:
http://expo.bootcss.com/Bootstrap的中文文档地址在这里
Bootstrap 中文文档http://v3.bootcss.com/,目前主流版本为 3.3.x。注意
因为文档的内容结构比较零散讲解的比较详细,只是从头到尾把一个个组件拆开来讲一遍,缺乏趣味性和实战性,
我会手把手教你开发几个完整案例,在实践的过程中来学习和理解 Bootstrap这个前端开发框架的知识。一个企业网站的基本结构
企业网站是十分常见的一种页面形式。一般包括
- 一个展示企业形象的首页、
- 几个介绍企业资料的文章页
- 一个“关于”页面。
如下就是最终的首页顶部效果,是不是感觉效果还不错,那么接下来就跟我进入开发的世界吧!
项目结构与页面规划
我们先创建站点目录,例如放在 web 站点 bootstrapCase下,在里面新建一个
Template目录
,用于存放页面 html 文件,新建一个assets目录
,存放图片、自定义样式表等静态资源文件,以及一个js目录
,存放自己写的 javascript 代码。
然后在Template目录里,把这个项目的所有文件创建好:
首页(index.html)
客户案例详情(case.html)
联系方式及意见反馈表单(about.html)
-
HTML页面基本结构
2019-10-19 22:15:25之前介绍了HTML的编码规范,良好编码规范可以让我们的代码更加的易于维护,而今天要说的基本结构,则是能够让我们的页面正确的进行页面显示和SEO,正确的HTML格式加上良好的编码规范才是一个成熟合格的项目。...之前介绍了HTML的编码规范,良好编码规范可以让我们的代码更加的易于维护,而今天要说的基本结构,则是能够让我们的页面正确的进行页面显示和SEO,正确的HTML格式加上良好的编码规范才是一个成熟合格的项目。
HTML页面基本结构
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <head> <body></body> </html>
HTML的页面结构非常简单,整体分为两部分,第一部分为DOCTYPE模块,第二部分为html模块。
DOCTYPE模块
文档声明,位于页面的首行,告知浏览器使用哪种HTML版本规范方式解析网页,使网页能正常显示。
html模块
告诉页面这是一个html文档。
在<html>部分中,又分为两小部分,第一部分为head模块,第二部分为body模块。
head模块
如果用人体的结构来类比的话,这部分属于网页的头部,这部分中描述了HTML文件的各种属性和信息,如网页的标题,字符编码,是否启用缓存,引用的外部脚本和样式等等。在这head标签里写的内容不会在网页的正文内容中显示出来。
body模块
HTML的主体,网页的文本、超链接、图像、表格、视频等所有在网页上显示的内容都写在这里。
title标签
在head标签中title标签表示网页的标题。meta标签-提供有关页面的元信息,比如针对搜索引擎的关键字、缓存时间、启用浏览器内核等等,meta标签有两个主要属性name和http-equiv。
meta标签name属性
主要用于描述网页,比如定义网页的关键词,关键内容、标注作者、版权等。
格式:
<meta name="属性值" content="描述内容"/>
常用name属性值
keywords——用于告诉搜索引擎网页的关键字。
description——用于告诉搜索引擎网站的主要内容。
robots——用来告诉爬虫哪些页面需要索引,哪些页面不需要索引。
author——用于标注网页的作者信息。
generator——用于标注网页是用什么IDE做的。
copyright——用于标注版权信息。
renderer——用于指定双核浏览器默认以什么方式进行页面渲染content="webkit"为webkit内核,content="ie-comp"为IE兼容模式,content="ie-stand"为IE标准模式。
meta标签http-equiv属性
主要用于设置网页的字符集,缓存机制等。
格式:
<meta http-equiv="属性值" content="参数"/>
常用http-equiv属性值
content-type——设定网页字符集。
X-UA-Compatible——用于告知浏览器以什么种版本来渲染页面。
cache-control——设置浏览器如何缓存某个响应以及缓存多长时间。
Set-Cookie——设置cookie设定。
-
网页的基本结构
2019-10-24 21:47:25网页的基本结构 一.网页的浏览器结构 网页主要由导航栏、栏目、正文内容组成的. 导航栏相当于网站的菜单一样;栏目是网页中存放相同性质内容的区域,帮助用户快速获取信息;正文内容是指主体内容,相当于文章本身。 ...网页的基本结构
一.网页的浏览器结构
网页主要由导航栏、栏目、正文内容组成的.
导航栏相当于网站的菜单一样;栏目是网页中存放相同性质内容的区域,帮助用户快速获取信息;正文内容是指主体内容,相当于文章本身。
二.Html网页的文档结构
<metacharset=“utf-8” />
meta标签只有1个标签,单标签。
charset=“utf-8”,叫标签属性,写在开始标签中,格式:属性名 = 属性值;
charset编码格式,字符集。
3.1 中国: gb2312。
3.2 美国: ASCII。
3.3 万国码: utf8。
三.快捷键:
1.注释快捷键: ctrl + / 。注释的作用:用来解释说明,不属于代码的一部分。
2.保存快捷键:ctr+s 。
3.运行快捷键:ctr+r(run) + 1 。四.标签和元素
标签:用一对尖括号括起来的就叫标签。
元素:一对标签就叫1个元素,单标签也叫1个元素。
元素嵌套(标签嵌套):
Html元素叫做head元素和body元素的父元素。
Head元素和body元素叫做html元素的子元素。
Head元素和body元素是兄弟元素。
-
HTML网页设计:一、HTML的基本结构
2021-03-17 22:02:24HTML的基本结构 1.HTML文档的组成 HTML文档主要由3部分组成。 ●HTML部分:HTML部分以<HTML>标签开始,以</HTML>标签结束。<HTML>标签用来告诉浏览器这两个标签中间的内容是HTML文档。 ●头部:... -
网站的基本结构
2018-11-16 15:58:24javaEE能做什么?...javaEE主要用来做一些大型网站的后台的开发. http协议:用于从服务器传递数据到本地浏览器的协议。 www:万维网,全称:环球信息网。能够让我们通过浏览器访问web服务器上的一个页面。 ... -
HTML基本结构标签
2021-09-01 19:28:52header 元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但也可以包含其他内容,因此整个页面的标题应该放在页面的开头。 header 定义文档的页眉,在一个网页中可以多... -
晶体结构资源网站
2022-04-15 20:51:42自用晶体结构资源网站 -
网络爬虫的基本结构是什么?如何建立网络爬虫抓取数据?
2019-09-11 17:44:05网络爬虫的基本结构及工作流程 网络爬虫是捜索引擎抓取系统的重要组成部分。爬虫的主要目的是将互联网上的网页下载到本地形成一个或联网内容的镜像备份。 一个通用的网络爬虫的框架如图所示: ... -
HTML的基本结构
2017-03-12 16:18:51HTML的基本结构第一次学习前端的小白们看过来,知道下面这些都是什么意思吗?<!DOCTYPE html> <title>Title <body></body> 下面我们就来一个标签一个标签的去理解。<!--文档声明:告诉浏览器以下文件用html -
Web项目基本结构
2018-09-26 18:34:14浏览器/服务器 我们上网时候所访问网站的基本全是B/S模式的项目. 用户不需要下载任何东西,只需要用到浏览器就可以访问到这个项目. 我们在java中要学习的web项目,就是B/S架构的项目. 什么是web web项目中,其实... -
Html5 知识:Html文档的基本结构
2018-10-08 22:18:46url=http://www.zhku.edu.cn"/> //告诉浏览器5秒后网页刷新到zhku网站 <body> : <!DOCTYPE html> 顾七办公 顾七学院 </html> -
VGG19 基本网络结构图
2018-11-15 23:07:47VGG19 基本网络结构图 VGG19论文可参考网上论文,Keras中使用plot_model可参考网上内容。 keras 中利用plot_model可绘制网络的结构图,Vgg19的网络结构图如下(输出根据自己的应用进行了一些修改): ... -
校园网的基本组成结构图
2018-01-23 15:25:27校园网的硬件通常有服务器、工作站、网间互联设备、传输媒质等部分组成。 服务器 服务器(Server)是网络上一种为客户端计算机提供各种服务的高性能的计算机。服务器根据其在网络中所执行的任务不同可分为:... -
Python入门(一):爬虫基本结构&简单实例
2017-04-18 13:12:27爬虫能干什么呢?一句话概括,正常通过浏览器可以获取的数据,爬虫都可以获取。这句话可以说是包罗万象。...下面我们讲讲爬虫的基本结构和简单实现。这篇文章我不准备详细地讲具体怎么写爬虫,只是先用一 -
【干货】数据结构与算法该如何正确学习?(书籍\视频\网站都推荐了)
2019-11-22 16:24:12对于初学者来说,我认为选择一本合适、不错的算法书是非常非常重要...数据结构与算法相关的书籍应该是我看的最多的一种数据吧,从大一到现在,从未间断过,下面就介绍下从大一到现在都看过哪些自认为优秀的书籍,注... -
三种常见的数据结构
2021-06-11 17:20:56有四类基本结构:集合、线性结构、树形结构、图状结构; 集合结构:除了同属于一种类型外,别无其它关系 线性结构:元素之间存在一对一关系常见类型有: 数组,链表,队列,栈,它们之间在操作上有所区别.例如:链表可数据... -
网站结构优化的基本方法
2011-09-19 15:58:23网站结构优化的基本方法 网站结构优化就是对网站页面的存储方式(物理结构)、内部链接关系(逻辑结构)进行合理的调整,以减少网站的目录层级,优化普通页面与重要页面之间的链接深度,增加重要页面的链接入口,... -
域名的结构
2019-01-31 15:15:11通常我们称形如"...是一个域名,但从严格意义上讲,"...才被称为域名(全球唯一),而"...是主机名。 "...域名为例,一般管理员在命名其主机的时候会根据其主机的功能而命名,比如网站的是www -
一个网站的基本架构图
2020-02-23 13:47:41 -
【MongoDB】——数据存储结构与基本数据类型
2019-10-29 10:29:14MongoDB数据存储结构 1.基本概念 在MongoDB中数据存储的基本概念是数据库、集合、文档。 文档(document)是MongoDB中数据的基本存储单元,非常类似与关系型数据库管理系统中的行,当更有表现力。 集合... -
数据结构——栈的基本总结
2018-07-23 17:26:34最近刷数据结构的黑宝书,顺便将数据结构进行下总结,就先从最熟悉的栈开始吧。...同样这种机制也在我们浏览网页时也有出现,在我们浏览网页时,左上角的转到上一页就是这种,最近浏览的网站在最上层,... -
各种神经网络基本结构一览(图)
2020-04-25 14:55:38花花绿绿真好看~ -
【超全汇总】学习数据结构与算法,计算机基础知识,看这篇就够了
2020-01-18 12:22:30由于文章有点多,并且发的文章也不是一个系列一个系列发的,不过我的文章大部分都是围绕着 数据结构 + 算法 + 计算机网络 + 操作系统 + Linux + 数据库 这几个方面发的,为了方便大家阅读,我整理了一波。... -
HTML 基础【1】 -- 入门介绍 / 基本结构 / 块级标签 / 行内标签
2022-01-13 14:16:55HTML 是 Hyper Text Markup Language 的缩写,中文翻译为超文本标记语言,是制作网页最基本的语言,它的特点正如它的名称所表示的那样 Hyper(超) 超(Hyper)是相对于线性(Linear)而言的,HTM... -
《算法和数据结构》题海战术篇
2021-07-15 06:13:432、有何作用 我们平常使用的 智能手机、搜索引擎、网站、操作系统、游戏、软件、人工智能,都大量地应用了 「算法与数据结构」 的知识,以及平时你用到的各种库的底层实现,也是通过各种算法和数据结构组合出来的,... -
def spider_population(): ...dbcode=hgnd&rowcode=sj&colcode=zb&wds=%5B%5D&dfwds=%5B%5D&k1=1580908890337&h=1' response = requests.get(url) print(response.json()) ...