CSS、AJax、JS、HTML

学习新闻发布系统对这几个词有个初步了解,本篇博主着重讲述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中)

  • 特殊文本的实现

 

页面的空格以及一些特殊字符需要通过转义字符的方式体现

&nbsp;

表示一个空格   

&lt;

表示 <

&gt;

表示 >

&copy;

表示©

 

 

  • 文本样式相关标记

 

<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系统比较熟悉的话,这点应该会很容易理解)

发布了138 篇原创文章 · 获赞 40 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_39332529/article/details/103249799