Day01
2017-01-22 14:21:37 0 举报AI智能生成
Day01，新的一天的开始。阳光透过窗户洒在温暖的床单上，鸟儿在窗外欢快地歌唱。清晨的微风带着清新的空气和希望的气息，让人精神焕发。一杯热腾腾的咖啡散发出浓郁的香气，为新的一天注入活力。在这一天里，我们将迎接新的挑战，实现新的目标，收获新的成就。让我们满怀信心地迈出第一步，勇敢地追求梦想，让每一天都充满意义和价值。Day01，是我们人生旅程中的一个起点，让我们一起努力，创造美好的回忆。
作者其他创作
大纲/内容
WEB基础知识
Web与Internet
Internet简介
Internet 是一个全球性的计算机网络，也成为"因特网"等
主要服务
Telnet
Email
WWW
BBS
FTP
基本实现技术
分组交换原理
TCP/IP协议簇
Web简介
又称为万维网，即WWW
将各种类型的信息和服务无缝连接，并提供界面
万维网其实就是无数WEB文档的集合
Web与Internet
Web是Internet上的最流行的应用
Internet为Web运行提供了网络环境
Web的工作原理
Web的工作原理
基于Internet的一个多媒体信息服务系统
B/S模式（Browser / Server）
由Web服务器，浏览器，通信协议组成（http）
Web服务器
功能
存储WEB上的内容信息（图像，音视频等）
响应浏览器的请求，执行服务器端程序
具备一定安全性功能
产品
TOMCAT
IIS
APACHE
……
Web浏览器
功能
提交用户请求（UA ： User Agent ， 即用户代理）
作为HTML和JS的解释器
用图形化的方式显示HTML文档
产品
Microsoft IE
Mozilla Firefox
Google Chrome
Apple Safari
Opera
Web的相关技术
服务器端技术
运行于服务器端
提供了数据库访问能力
技术
PHP（Hypertext Preprocessor）
JSP（Java Server Page）
ASP（Active Server Page）
ASP.NET
客户端技术
运行与客户端，由浏览器解释运行
技术
HTML（Hyper Text Markup Language）
CSS（Cascading Style Sheets）
JS（Javascript）
HTML快速入门
HTML概述
什么是HTML
Hyper Text Markup Language
超文本标记语言,用来设计网页
用该语言编写的文件，以.html 或 .htm为后缀
由浏览器解释运行
可以嵌入脚本语言编写的程序片段，如JS
HTML基础语法
标记语法
HTML用于描述功能的符号成为“标记”
标记使用时必须使用尖括号(<>)括起来
有封闭类型标记，也有非封闭类型的标记
双标记
必须成对出现
<标记>内容</标记>
注意：封闭类型标记必须成对出现
单标记
非封闭类型，也叫做空标记
<标记> 或 <标记/>
元素
即标记，指尖括号及尖括号所包围的内容部分
元素可以包含文本内容和其他元素，也可以是空的
元素嵌套
元素可以相互嵌套形成更为复杂的语法
<div>
<p></p>
</div>
注意：
嵌套顺序（完整嵌套）
代码缩进（保证代码可读性）
属性和值
属性是用来修饰元素的
语法
<标记 属性="值" 属性="值">
ex:<p align="center" id="p1">
标准属性
id
定义元素在页面中的唯一标识
title
鼠标移入到元素上时提示的文本
class
样式中，定义元素引用的类选择器
style
样式中，定义元素的行内样式
注释
在源码中编写，但不会被浏览器所解释的内容，称为注释
可以将对代码的解释说明放在注释中
语法
<!-- 注释内容 -->
注意
注释不可以嵌套注释
注释不可以位于<>中
文档结构
文档结构
文档类型声明
指定HTML的版本和风格
<!DOCTYPE html>
HTML页面
表示HTML页面的开始与结束
<html></html>
HTML页面
页面头部
定义页面全局信息
<head></head>
子元素
网页标题
<title></title>
页面内容编码格式
<meta charset="utf-8">
保证网页文件编码也是 utf-8
页面主体
网页显示主体内容
<body></body>
属性
文本颜色
text
背景颜色
bgcolor
文本
特殊字符
空格
<
<
>
>
©
©
￥
¥
文本标记
文本样式
斜体：<i></i>
粗体：<b></b>
删除线：<s></s>
下划线：<u></u>
上标：<sup></sup>
下标：<sub></sub>
以上元素均为 行内元素
标题元素
标记
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
表现形式
改变字号（一级最大，六级最小）
加粗显示
上下有垂直的空白距离
独立成行
段落元素
标记
<p></p>
表现形式
默认文字大小
独立成行
上下垂直空白
注意：
p元素不允许嵌套其他块级元素
换行元素
标记
<br>
分隔线元素
标记
<hr>
属性
尺寸：size
取值单位为 px（像素），可以省略
宽度：width
取值单位为px（像素）可以省略或百分比
颜色：color
水平对齐方式：align
left
center
right
预格式化
标记
<pre></pre>
特点
保留源文档中的 回车 和 空格
分区元素
块分区元素
标记
<div></div>
表现形式
独立成行
作用
页面布局
行内分区元素
标记
<span></span>
表现形式
多个元素在一行内显示
作用
设置同一行文字内的不同格式
行内元素与块级元素
块级元素
元素会独占一行，即元素前后都会自动换行
注意：不是所有独占一行的元素都是块级元素
主要用于网页布局
行内元素
不会换行，多个元素会在一行内显示
包裹文本并处理样式
注意:
行内元素不要嵌套块级元素
0 条评论
下一页
