摘要:服务器通常采用高性能的工作站或小型机,并采用大型数据库系统,如或。浏览器通过同数据库进行数据交互。本文介绍的也就是有关模式中前端部分的内容。在新窗口打开,默认是表示改变自己。用于将鼠标悬停到超链接的时候的显示内容。
(注:本人只是对前端简单的介绍,而且也只是达到会用的水平,前端工作者勿吐槽)
本文是前端部分的第一篇,在开始介绍html之前先做一些简单的说明
首先我们需要了解什么是前端。简单来说,前端就是网站的前台部分。这里顺便介绍一下C/S和B/S结构。
C/S又称Client/Server或客户/服务器模式。服务器通常采用高性能的PC、工作站或小型机,并采用大型数据库系统,如Oracle、Sybase、Informix或 SQL Server。客户端需要安装专用的客户端软件。这个客户端软件就是上面提到的前端部分。
B/S是Brower/Server的缩写,客户机上只要安装一个浏览器(Browser),如Netscape
Navigator或Internet Explorer,服务器安装Oracle、Sybase、Informix或 SQL
Server等数据库。浏览器通过Web Server 同数据库进行数据交互。这里的前端部分则是指浏览器。
两者比较一下:C/S模式响应快,但是需要安装软件,而B/S模式只需要有浏览器就可以和服务器之间进行交互。本文介绍的也就是有关B/S模式中前端部分的内容。
如果把一个网页当成一场皮影戏的话,这场皮影戏对应的四个部分:舞台、皮革、皮革上的色彩、皮影的动作就分别对应浏览器、html、css和js
浏览器是一个舞台;
html相当于一个模板;
css则是给这个模板进行渲染;
js则是让这个网页动起来。
啰嗦了一大堆,现在开始正式的html介绍
html的全拼是htyper text markup language ,即超文本标记语言
普通文本只能包括文字,而超文本则指的是可以包括图片、链接甚至音乐、程序等非文字的元素。
如果详细的看浏览器和服务器之间传输的数据的话,只是一串字符串,而浏览器的作用就是将这一串字符串变成一个展示给用户的网页。
直观上看是由一对尖括号括住的单词,如
标签也是不区分大小写的,但是推荐使用小写
标签分为两种:
普通标签:分为两个部分:开始标签和结束标签,如,结束部分一般用“/”标识,而两个标签中间的部分称之为标签体
自闭和标签:功能比较单一的使用一个标签即可,如:
等
通常以键值对的形式出现在开始标签或者自闭标签中,如:name="name"
注:
1、属性名全部小写
2、属性值要用双引号括起来
3、属性名和属性值完全一样的时候,直接写属性名,如:checked
<head>
<meta name="keywords" content="学校,廊坊,师范,廊坊师范">
<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com">
<meta http-equiv="content-Type" charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<title>Documenttitle>
<link rel="stylesheet" type="text/css" href="css.css">
<link rel="icon" href="http://www.jd.com/favicon.ico">
<script>script>
<style>style>
<script src="Hello.js">script>
head>
上面是head中常用的标签和对应的注释。
既然说到注释这个问题,这里就把html中常用的注释说明一下:
注释:
标签分为块级标签和内联标签
块级(block)标签的特点:
总是在新行开始
宽度缺省则是占容器的的100%
可以容纳其他块级标签和内联标签
常见的块级标签: 、、
、
、
、