精品seo教程博客:聊聊关于javaWeb静态资源HTML的那

精品seo教程博客:聊聊关于javaWeb静态资源HTML的那

今天就和大家分享一下资源，学习训练HTML标志。在说HTML之前，先说一下为什么要学习和训练HTML。事不宜迟，从现在开始！

一、为什么要学培训HTML？

HTML用于javaWeb站点建设，那么javaWeb到底是什么？JavaWeb是利用Java语言设计开发大数据技术的最新项目。

我们来看看目前的软件架构:

C/S:客户端/服务器app客户端/服务器在用户本地有客户端，在远程 *** 作有服务器 *** 作程序:比如QQ，迅雷资源...它有什么优势？用户的体验更好？缺点:设计开发、安装、部署、维护麻烦B/S:浏览器/服务器电脑浏览器/服务器只需要一个电脑浏览器。用户可以根据不同的URL访问不同的服务器 *** 作程序。它有什么优势:简单的设计、开发、安装、部署和维护？缺点:应用太大会伤害用户体验，其次是对系统配置要求太高。

大家在web端的设计开发一般都用B/S架构。接下来，我们来详细解释一下B/S架构:

B/S架构中资源的分类:1。静态资源是利用静态网站专业发布的资源。特点:所有用户访问并得到相同的结果。如:文本、照片、音频、视频、HTML、CSS、JavaScript如果用户请求静态资源，网站服务器会立即将静态资源发送到计算机浏览器。静态资源分析与控制模块嵌入在计算机浏览器中，可以呈现静态资源。2.动态资源是通过使用动态网页立即发布的资源。特点:所有用户访问，得到不同的结果。比如JSP/Servlet，PHP，ASP...如果用户乞讨的是动态资源，那么网站服务器就会实现动态资源，转换成静态资源，然后发送到电脑浏览器。所以要学会训练动态资源，尽量先训练静态资源！

静态资源包括:

HTML:用于构建基本网页，网页，呈现网页内容。CSS:用于清除网页，合理布局网页。网页JavaScript:控制网页的元素，让网页有一些动态的预期效果。好了，经典seo实例教程博客:，今天刚开始学习静态资源中的HTML。

二。HTML和英语语法的定义

定义:它是最基本的网站建设语言，英文旁白超文本标记语言HTML文档编译语言HTML文档:HTML文档是一种利用网站链接的方法组织不同房间设计的各类文本信息的多孔结构文本空。编译语言:由符号组成的语言。<Name>:比如html，xml，编译语言不是编程语言的语法英语:html文本文件文件后缀。html或者。htm标签分为:包含标记:有开始标记和结束标记。诸如

三。符号的学习和训练

1。文本文档logo:html最基本的logo。

[/h *html:html文本文件的html根标志

*head:头标志。特殊html文本文件的一些特性。引进外部资源

*标题:题型标记。

*body:bodymark

*<；！DOCTYPEhtml>:html5中定义的文本文件是html文本文件。

2。文字符号:与文字相关的符号。

*注意:<！-评论内容->；

*<；h1>到<h6>:问号

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

*<；p>:文章段落标记

*<；br>:自动换行标志

*<；hr>:呈现一条平行线。

*功能:

*颜色:彩色

*宽度:总宽度

*尺寸:高度

*align:为其道

*居中:垂直居中

*left:左端对齐。

*right:右端对齐。

*<；b>:粗体

*<；我>:字体效果斜体

*<；font>:字体效果标志

*<；中心>:文本垂直居中。

*功能:颜色:彩色，尺寸:规格，字体效果

*特征的定义:

*颜色:

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

rgb(值1，值2，值3):取值范围:0~255如rgb(0，0，255)

#value1value2value3:取值范围:00~FF正中间。例如#FF00FF

*宽度:

Value:width='20'，值的所属公司，默认为px(画质)

Value%:相对于父元素份额的市场份额。

3。图片标签:

*img：呈现相片 *img:展示照片

*功能:

*src:特殊照片的位置

*编号:

<!--呈现一张图片img--> <；！-呈现一张图img->:

<imgsrc="image/jingxuan_2.jpg"align="right"alt="古鎮"width="500"height="500"/> <；img="image/玄晶_2.jpg"align="right"alt="古镇"width="500"height="500"/>；

相对路径

*刚开始的相对路径..

*。/:表示seo链品尝当前目录。/image/1.jpg

*../:表示更高级别的目录。

<imgsrc="./image/jiangwai_1.jpg">精典seo实例教程blog:; <；imgsrc="。/image/Jiangwai_1.jpg">；经典seo示例教程博客:；

<imgsrc="../image/jiangwai_1.jpg"> <；imgsrc="../image/Jiangwai_1.jpg">；

4。文件目录标志:

*有序列表:

*ol:

*李:

*无序列表:

*ul:

5。连接标记:

*a:定义一个网站链接

*标签的特征:

*href:特殊访问资源的URL(统一资源精确定位符)

*target:一种特殊的资源打开方式。

*_self:初始值，在今天的网页中，网页打开。

*_blank:在空白色网页页面打开。

*编号的案例如下:

<；！-网站链接a->:

<；ahref="websiteXXX">:Point

<；br>

<；ahref="websiteXXX"target="_self">；点

<；ahref="websiteXXX"target="_blank">；点

<；Ahref="。/5_文件目录flag.html">:文件目录标志

<ahref="网站xxx"><imgsrc="image/jiangwai_1.jpg"></a> <；Ahref="网站XXX">:<；imgsrc="image/Jiangwai_1.jpg">；</a>；

6。分区和跨度:

*div:每个div覆盖一整行。块标志

*span:文本信息在一行中呈现，内部标记与标记内联。

7。语义符号:html5提供了一些符号来提高 *** 作程序的可读性。

<；标题>:页眉<页脚>:页脚8。桌子标志:

*table:定义一个表

*宽度:总宽度

*border:边框

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

*cellspacing:定义单元格中间的间隔。如果special为0，则单元格的行会聚成一行，

*bgcolor:背景色

*align:两端对齐

*tr:定义线。

*td:定义一个单元格

*colspan:组合拼写

*rowspan:组合行

*th:定义表头单元格。

*<；caption>:表单问题类型

*<；thead>:描述表的第一部分

*<；tbody>:解释表格的正文部分。

*<；tfoot>:解释桌子的脚部分。

好了，今天就在这里学习训练吧。再见。