学习新闻发布系统对这几个词有个初步了解,本篇博主着重讲述HTML,首先先跟大家分享我对CSS、AJax和JS的理解。
-
CSS
(Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
作用:完成画里面东西的布局设计
-
AJax
Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。Ajax = 异步 JavaScript 和 XML(标准通用标记语言的子集),是一种用于创建快速动态网页的技术,同时可以在无需重新加载整个网页的情况下,能够更新部分网页的技术。
作用:主要为了让页面的动态变化更及时,在不刷新的情况下可以让页面的数据变化情况及时得到改变
-
JS
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言
作用:辅助实现要展现的动态效果
-
HTML
Internet网,基于Internet上的程序分为三类:CS结构,BS结构和WEB
HT:Hyper Text,超文本,具有特殊功能
M:Markup,标记,超文本的表现形式
L:这个不用多介绍了,就是Language语言。综上四个词都是一种计算机语言。
-
基本语法
1.标记语法有“封闭类型”和“非封闭类型”两种
标记类型 |
语法 |
封装 |
<标记>内容</标记> |
非封装 |
<标记>或<标记/> |
实例:
封闭类型的标记:
创建 p 标记 --<p>...</p>
创建 div 标记 -- <div> </div>
创建 header 标记 -- <header> </header>
非封闭类型的标记:
创建 br 标记 -- <br/>
创建 hr 标记 -- <hr/>
创建 img 标记 -- <img/>
创建 input 标记 -- <input/>
.四大标准属性
属性 |
说明 |
Id |
定义元素在页面中独一无二的名称 |
Title |
鼠标悬停在元素上时,体现的文字
|
Class |
引用 类选择器时使用(CSS中)
|
stytle |
定义 内联方式使用(CSS中) |
-
特殊文本的实现
页面的空格以及一些特殊字符需要通过转义字符的方式体现
|
表示一个空格 |
< |
表示 < |
> |
表示 > |
© |
表示© |
-
文本样式相关标记
<b></b> : |
加粗 |
<i></i> : |
斜体 |
<u></u> : |
下划线 |
<s></s> : |
删除线 |
<sup></sup> : |
上标 |
<sub></sub> : |
下标 |
-
相关元素
标题元素:以醒目的方式表现出文本
语法:
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
属性:
align:文本的水平对齐方式
取值:left / center / right
段落元素:
语法:<p></p>
属性:align : left / center / right
换行元素:
<br>
分割线元素:
作用:在页面中表现为一条直线
语法:<hr>
属性:
size:尺寸,以 px 为单位的数值
width:宽度,以 px 或 % 为单位的数值
align:水平对其方式
color:颜色
分区元素
块分区元素
语法:<div></div>
作用:布局
行内分区元素
语法:<span></span>
作用:设置同一行文字内的不同样式
行内元素 与 块级元素:按照元素们的表现形式来分类,分为 行内元素 和 块级元素
行内元素:在一行内允许显示多个元素的,称为 "行内元素"
span,i,b,s,u,sup,sub
作用:包裹文本,并处理文本的表现形式
块级元素:每个元素独占一行显示的,称为 "块级元素"
div,p,h1,h2,h3,h4,h5,h6
作用:布局
注意:
p标记不能嵌套其它的块级元素
行内元素中 最好 不要嵌套块级元素
预格式化
作用:保留源文档中的回车 和 空格 的作用
<pre></pre>
-
URL
URL(Uniform Resource Locator),统一资源定位器,用来标识某资源文件的位置。
在WEB中有三种表现形式:
1,绝对路径:从文件所在的最高级目录处开始查找资源文件所经过的路径,就是绝对路径
使用场合:当想访问互联网上的资源时,只能用绝对路径
完整的绝对路径分四部分:
1)协议名:http
2)域名(主机名,IP地址):www.baidu.com
3)目录路径:img/header
4)文件名:logo.png
2,相对路径:从当前文件位置处开始查找资源文件所经过的路径,就是相对路径
使用场合:使用本机文件时使用
使用时:同目录,直接用;子目录,先进入;父目录,先返回
3、根相对路径:路径形式是以 / 作为开始的。
/ : 表示的是服务器的根路径(对Linux系统比较熟悉的话,这点应该会很容易理解)