导图社区 应用层网络服务-3
这是一篇关于应用层各个网络服务的思维导图,主要应用于四川省对口高考计算机类《计算机网络应用基础》专题5的复习。
编辑于2025-06-25 10:48:40Internet服务(基于C/S)
WEB服务器
发布网站
必不可少:网站名称、主目录、协议、IP地址、TCP端口
可有可无:主机头
虚拟目录(别名目录):用于隐藏站点的真实路径,从而保护站点。
多网站创建方法:1.利用多个IP地址 2.利用不同的TCP端口 3.利用不同的主机头名称
制作网页
超文本标记语言HTML
标记与属性
主体标记(只能出现一次),框架网页没有<body>
<meta>标记在<head>内,用户不可见,但浏览器会解析,用于描述网页文档的属性,也叫网页元数据。
设置网页字符集、网页语言 用http-equiv属性配合content属性,字符集 http-equiv="Content-Type" content="text/html;charset=字符集类型"; 网页语言http-equiv="Content-Language" content="语言"
设置关键字、网页描述、定义页面作者用name属性属性配合content属性,关键字name="keywords" content="关键字1,关键字2";网页描述name=“description”content=“网页的摘要信息”;页面作者name="author"content=“张三”
列表:有序<ol>,无序<ul>,定义<dl><dt><dd>,目录<dir>,菜单<menu>
type属性更改类型
start属性的值只能是数字
li属性具有换行功能
超级连接<a>
属性:href、target(_self 当前窗口;_blank新窗口;_parent父框架打开;_top去除框架;框架名称:在指定框架中打开)
本地链接
相对路径:../上一级;../../上上级;目录名/ 下一级
绝对路径:URL
网络链接:连接目标为网络URL地址
书签链接
定义锚点<a name="锚点名称">
指向锚点<a href="#锚点名称">或<a href="网页名.html#锚点名称">
电子邮件链接:mailto:后多个电子邮件地址之间用“;”隔开;邮件地址后可设置多个参数,如subject(主题)、cc(抄送)、bcc(密送)、body(内容)第一个参数以“?”开始,后面的参数之间“&”隔开。
图像超链接:图像作为链接源<img>
alt属性:用于指定在图像无法显示或用户禁用图像显示时的替代文本
title属性:用于显示图像的提示信息
可以同时设置图像的宽度和高度属性,如果只设置一个则图像按比例缩放
表格<table>,默认无边框
表格标记:<caption>表格标题;<tr>行 ;<td>单元格; <th>表头单元格,默认居中并加粗,未设置行高和列宽时根据内容自动分配
行、单元格属性:align;valign值为:top,middle,bottom;colspan(合并同行内左右的单元格);rowspan(合并同列内上下不同的单元格)
表格属性:align;width;height;border(表格默认无边框,添加border属性才显示边框);bordercolor;
表单
表单标记<form>有四大属性
action 表单提交地址(URL或邮箱,邮箱时要有mailto:)
method表单数据提交方式 post大量并安全的;get默认值,嵌套在URL地址中传送少量且不安全。
name属性;target属性
表单域
<input>非容器型控件标记 type属性指定控件类型,同一控件组的name必须一致,如单选按钮组
<textarea>多行文本框控件标记,指定文本框行与列,<textarea>是容器型标记中间可以没有内容。
<select>控件标记
<select>属性name、size(确定列表框显示的列表数,默认值为1表示下拉列表)、multiple(无值,出现表示列表可以多选)
<option>的属性有selected(默认选中);value提交的值
框架
框架就是将浏览器窗口划分成多个不同的显示区域,每个区域独立显示一张网页。一个包含三张网页内容的框架集共有4张网页。
框架标记与属性
<frameset>取代<body>,属性有rows,cols,frameborder(取值为0或1,指代是否显示边框,默认有边框),border设置边框粗细
<frame>指定框架每个区域的网页,属性有src、name、noresize(不可移动框架边框)
浮动框架<iframe>属性有:src;width;height;scrolling(取值为auto,yes,no是否出现滚动条);frameborder
特殊符号
CSS
概述:1.用于增强控制网页显示样式并能将样式信息与网页内容分离的一种标记性语言 2.定义网页各元素的样式,与网页内容无关。3.与HTML一样,CSS不需要编译,由浏览器执行。3.CSS既可以静态的修饰网页,还可以配合各种脚本语言动态地对网页元素进行格式化
选择器
1.标签选择器,作用于html网页中的对应标签内容的样式,不能差异化,如<h1>,<p>等
2.类选择器,以“.”为前缀,采用自主命名方式,html网页中的内容可以利用class任意调用,如.abc{ }
3.ID选择器,以“#”为前缀,以ID号命名,只作用于对应ID号的网页元素。
4.复合选择器,复合选择器是建立在基础选择器的基础上对目标元素进行更准确更高效的选择。如:超级链接样式就可以设置为:默认状态,单击时,访问后,鼠标放在上面时等。
5.选择器组,可以同时对多个对象设置相同的样式,多个选择器之前用“,”分隔,如: p,table{font-size:7pt;color:blue;text-align:center}
6.通配符选择器,使用*表示,通配符选择器特殊情况用来选中页面中的所有元素。
ID选择器的优先级>类选择器>标签选择器。
CSS样式表的使用
链接到外部样式:<link rel="stylesheet" type="text/css" href="mystyle.css">
导入外部样式<style type=”text/css”> @import “外部样式表URL地址”; </style>
内部样式:可以在 head 部分通过 <style> 标签定义内部样式表。
内嵌样式:在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。
DIV
使用<div>…</div>标记来定义页面区块部分
<div>是块级元素,浏览器显示时会在div元素前后放置一个换行符。
<div>标记常用属性有style、id、class
DIV常见布局方式:单行单列式布局,DIV默认左对齐,如果居中显示,需要设置margin属性值为auto。两列式布局和三列式布局时需设置float属性left或right,以及margin-left或margin-right的间距