SEO教程

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

作者:seo指南 2020-06-01

今天和大家一起分享和学习一下HTML标签,在讲HTML之前,我们先说一下,为什么要学习HTML?废话不多说,直接开始吧...

今日和大伙儿一起共享和学习一下HTML标识,在讲HTML以前,大家先说一下,为何要学习HTML?废话不多说,立即现在开始!

一、为何要学习HTML呢?

HTML是用以javaWeb端网站开发的,那究竟什么叫javaWeb呢?javaWeb便是应用Java語言开发设计根据互联网技术的新项目。

大家看来一下,现如今的软件体系结构:

C/S: Client/Server 手机客户端/服务器端即在用户当地有一个客户端软件,在远程控制有一个服务器端程序流程:如:QQ,迅雷资源...他有哪些优势呢:用户的感受比较好缺陷呢:开发设计、安裝,布署,维护保养 不便B/S: Browser/Server 电脑浏览器/服务器端只必须一个电脑浏览器,用户根据不一样的网站地址(URL),顾客浏览不一样的服务器端程序流程他有哪些优势呢:开发设计、安裝,布署,维护保养 简易缺陷呢:假如运用过大,用户的感受将会会遭受危害,次之是对硬件配置规定过高

 

大家web端的开发设计,一般是应用B/S构架,接下去,大家详细描述一下B/S构架:

B/S构架的资源归类:1、静态资源也就是应用静态网站开发技术性公布的资源。特性是:全部用户浏览,获得的結果是一样的。如:文字,照片,声频、视頻, HTML,CSS,JavaScript;假如用户恳求的是静态资源,那麼网络服务器会立即将静态资源发给电脑浏览器。电脑浏览器中内嵌了静态资源的分析模块,能够 展现静态资源2、动态性资源即应用动态网站立即公布的资源。特性是:全部用户浏览,获得的結果将会不一样。如:jsp/servlet,php,asp……假如用户恳求的是动态性资源,那麼网络服务器会实行动态性资源,变换为静态资源,再发给电脑浏览器因此我们要学习动态性资源,务必先学习静态资源!

而静态资源里边包含:

HTML:用以构建基本网页页面,展现网页页面的內容CSS:用以清理网页页面,合理布局网页页面JavaScript:操纵网页页面的原素,让网页页面有一些动态性的实际效果好啦精品seo教程博客:,今日就刚开始学习静态资源里边的HTML吧

二、HTML定义及英语的语法

定义:是最基本的网站开发語言,英语描述Hyper Text Markup Language HTML文件编译语言HTML文件:HTML文件是用网页链接的方式,将各种各样不一样室内空间的文本信息组织在一起的网状结构文字。编译语言:由标识组成的語言。<标识名字> 如 html,xml,编译语言并不是计算机语言英语的语法:html文本文档文件后缀名 .html 或是 .htm标签分成:围攻标识:有刚开始标识和完毕标识。如 <html> </html>自闭症和标识:刚开始标识和完毕标识在一起。如 <br/>标识能够 嵌套循环:必须恰当嵌套循环,不可以我中有你,你中有我;不正确书写:<a><b></a></b>恰当书写:<a><b></b></a>在刚开始标识中能够 界定特性。特性是由键值对组成,值必须用冒号(双单都可以)造成来html的标识不区别英文大小写,可是提议应用小写字母。

 

三、标识的学习

1、文档标识:组成html最基础的标识

* html:html文本文档的根标识

* head:头标识。用以特定html文本文档的一些特性。引进外界的资源

* title:题目标识。

* body:体标识

* <!DOCTYPE html>:html5中界定该文本文档是html文本文档

2、文字标识:和文字相关的标识

* 注解:<!-- 注解內容 -->

* <h1> to <h6>:题目标识

* h1~h6:文字大小慢慢下降

* <p>:文章段落标识

* <br>:自动换行标识

* <hr>:展现一条直线

* 特性:

* color:色调

* width:总宽

* size:高宽比

* align:对其方法

* center:垂直居中

* left:左两端对齐

* right:右两端对齐

* <b>:字体加粗

* <i>:字体样式斜体字

* <font>:字体样式标识

* <center>:文字垂直居中

* 特性: color:色调,size:尺寸,face:字体样式

* 特性界定:

* color:

英语单词:red,green,blue

rgb(值1,值2,值3):值的范畴:0~255 如 rgb(0,0,255)

#值1值2值3:值的范畴:00~FF中间。如: #FF00FF

* width:

标值:width='20' ,标值的企业,默认设置是 px(清晰度)

标值%:占有率相对性于父原素的占比

 

3. 图片标签:

* img:展现照片

* 特性:

* src:特定照片的部位

* 编码:

<!--展现一张图片 img-->

<img src="image/jingxuan_2.jpg" align="right" alt="古鎮" width="500" height="500"/>

相对路径

* 以.开始的相对路径

* ./:意seo外链味着当前目录 ./image/1.jpg

* ../:意味着上一级目录

<img src="./image/jiangwai_1.jpg">精品seo教程博客:;

<img src="../image/jiangwai_1.jpg">

4. 目录标识:

* 有序列表:

* ol:

* li:

* 无序列表:

* ul:

5. 连接标识:

* a:界定一个网页链接

* a标签的特性:

* href:特定浏览资源的URL(统一资源精准定位符)

* target:特定开启资源的方法

* _self:初始值,在当今网页页面开启

* _blank:在空白页网页页面开启

* 编码实例以下:

<!--网页链接 a-->

<a href="网站xxx">点此</a>

<br>

<a href="网站xxx" target="_self">点此</a>

<a href="网站xxx" target="_blank">点此</a>

<a href="./5_目录标识.html">目录标识</a><br>

<a href="网站xxx"><img src="image/jiangwai_1.jpg"></a>

 

6. div和span:

* div:每一个div布满一整行。块级标识

* span:文字信息内容在一行展现,内行人标识 内联标识

7. 词义化标识:html5中以便提升程序流程的易读性,出示了一些标识。

<header>:页眉<footer>:页脚8. 报表标识:

* table:界定报表

* width:总宽

* border:外框

* cellpadding:界定內容和单元格的间距

* cellspacing:界定单元格中间的间距。假如特定为0,则单元格的线汇合为一条、

* bgcolor:背景颜色

* align:两端对齐方法

* tr:界定行

* td:界定单元格

* colspan:合拼列

* rowspan:合拼行

* th:界定表头单元格

* <caption>:报表题目

* <thead>:表明报表的头一部分

* <tbody>:表明报表的体一部分

* <tfoot>:表明报表的脚一部分

 

好啦,今日就和大伙儿学习到这儿,再见了咯

1.本站(SEO指南)遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创SEO文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 跨境电商站点SEO行业三步走

    跨境电商站点SEO行业三步走

  • 多语言外贸seo网站优化教程7大注意事项

    多语言外贸seo网站优化教程7大注意事项

  • seo系统外贸网站模板建设教程

    seo系统外贸网站模板建设教程

  • seo技术教程中搜索引擎优化有哪些步骤和环节

    seo技术教程中搜索引擎优化有哪些步骤和环节