什么是静态资源文件

核心提示今天和大家一起分享和学习一下HTML标签,在讲HTML之前,我们先说一下,为什么要学习HTML?废话不多说,直接开始吧!一、为什么要学习HTML呢?HTML是用于javaWeb端网页开发的,那到底什么是javaWeb呢?javaWeb就是使

今天就和大家一起分享学习HTML标签吧。在说HTML之前,先说一下为什么要学HTML。事不宜迟,开始吧!

一、为什么要学HTML?

javaWeb页面开发用的是HTML,那么javaWeb是什么?Java是使用Java语言开发基于互联网的项目。

让我们来看看当今的软件架构:

C/S: Client/Server client/server本地有一个客户端程序,远程有一个服务器程序:比如QQ,迅雷...它有什么优势?缺点:开发、安装、部署和维护都很麻烦。B/S:浏览器/服务器浏览器/服务器只需要一个浏览器,用户就可以访问不同的网站。客户访问不同的服务器端程序的优势是什么:开发、安装、部署和维护简单?缺点:应用太大可能会影响用户体验,硬件要求太高。

一般来说,我们使用B/S架构进行web开发。接下来,我们来详细解释一下B/S架构:

B/S架构中资源的分类:1。静态资源是使用静态web开发技术发布的资源。特点:所有用户访问并得到相同的结果。如:文本、图片、音频、视频、HTML、CSS、Javascript如果用户请求静态资源,服务器会直接将静态资源发送给浏览器。浏览器内置静态资源解析引擎,可以显示静态资源。2.动态资源是利用动态网页及时发布的资源。特点:所有用户访问,得到不同的结果。比如JSP/Servlet,PHP,ASP...如果用户请求动态资源,服务器将执行动态资源,将其转换为静态资源,然后发送给浏览器。所以,要想学习动态资源,必须先学习静态资源!

静态资源包括:

HTML:用于构建一个基本的网页并显示页面内容。CSS:用来美化页面,布局页面。Javascript:控制页面的元素,让页面有一些动态效果。让我们从今天开始学习静态资源中的HTML。

二、HTML的概念和语法

概念:它是最基础的网页开发语言,英文表达是超文本标记语言超文本:超文本是一种类似web的文本,它使用超链接将各种不同的空文本信息组织在一起。语言:由标签组成的语言。比如html,xml,标记语言都不是编程语言。语法:html文档后缀。html或者。htm标签分为:包含标签:有开始标签和结束标签。如自闭症和标签:开始标签和结束标签在一起。比如
标签可以嵌套:需要正确嵌套,但不能你中有我,我中有你;错误的写法:正确的写法:属性可以在开始标签中定义。属性由键值对组成,值需要用引号括起来。html标签不区分大小写,但建议使用小写。

第三,标签学习

1.文件标签:html最基本的标签。

* html:html文档的html根标签

*头部:头部标签。用于指定html文档的一些属性。引进外部资源

* title:标题标签。

* body: body标签

*:该文档在html5中被定义为html文档。

2.文本标签:与文本相关的标签。

*注意:

*收件人:标题标签

* h1~h6:字体大小逐渐减小。

*:段落标签

*
:换行标签

*


:显示一条水平线

*属性:

*颜色:彩色

*宽度:宽度

*尺寸:高度

*对齐:为其道

*居中:居中

*左:左对齐

*右:右对齐

*:粗体

*:字体斜体

*:字体标签

*:文本居中

*属性:颜色:颜色,尺寸:大小,字体

*属性定义:

*颜色:

英语单词:红色,绿色,蓝色

Rgb:取值范围:0~255,如rgb

#值1值2值3:取值范围:00~FF。例如#FF00FF

*宽度:

Value: width='20 ',值的单位,默认值是px。

Value%:父元素的比例。

3.图片标签:

* img:展示图片* img:显示图片

*属性:

* src:指定图片的位置

*代码:

古镇

相对路径

*以下列开头的路径..

*./:表示当前目录。/image/1.jpg

* ../:表示下一个更高级别的目录

4.列表标签:

*有序列表:

* ol:

*李:

*无序列表:

* ul:

5.链接标签:

* a:定义超链接。

*标签的属性:

* href:指定访问资源的URL。

* target:指定如何打开资源。

* _self:默认值,在当前页面打开。

* _blank:在空白页上打开。

*代码案例如下:

命令我。

命令我。

命令我。

列表

6.p和span:

* p:每个P占一整行。块标签

* span:文本信息显示在一行中,带有内嵌标签。

7.语义标签:在html5中,提供了一些标签来提高程序的可读性。

:页眉:页脚8。表格标签:

*表:定义一个表

*宽度:宽度

*边框:边框

* cellpadding:定义内容和单元格之间的距离。

*单元格间距:定义单元格之间的距离。如果指定为0,单元格的行将合并为一行,

*背景颜色:背景颜色

*对齐:对齐方法

* tr:定义行

* td:定义单元格

* colspan:合并列

* rowspan:合并行

* th:定义标题单元格。

*:表格标题

*:表示表格的标题。

*:表示表格的主体。

*:表示桌子的底部。

好了,今天就到这里。再见。

 
友情链接
鄂ICP备19019357号-22