web基础

Posted 猪精雅0

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web基础相关的知识,希望对你有一定的参考价值。

认识URL,观察常用网站网址,区分不同组成部分。uscheme://host:port/path/?query-string=xxx#anchor11

观察web浏览过程.

html基础。练习使用标签制作简单的页面。 

<h1></h1>
<hr>
<P>友情链接</P>
<a href=url></a>
<br>
<img src="url" width="258" height="39" alt="gzcc.cn" >
<div></div>区块

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>埃菲尔铁塔</title>
</head>
<body>
<h1>埃菲尔铁塔</h1>>

<div class="para" label-module="para">埃菲尔铁塔是由古斯塔夫·埃菲尔设计的,古斯塔夫·埃菲尔出生于1832年<div class="lemma-picture text-pic layout-right" style="width:180px; float: right;">

<img src="https://gss3.bdstatic.com/7Po3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike150%2C5%2C5%2C150%2C50/sign=d68f7cd1c9177f3e0439f45f11a650a2/aa18972bd40735fae18aa0de9e510fb30f24085a.jpg" onload="imageResize()" style="visibility: visible; display: inline-block; height: 240px; margin-top: 0px; width: 150px;" url="https://gss3.bdstatic.com/7Po3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike150%2C5%2C5%2C150%2C50/sign=d68f7cd1c9177f3e0439f45f11a650a2/aa18972bd40735fae18aa0de9e510fb30f24085a.jpg" >
</a>

</div>埃菲尔铁塔(法语:La Tour Eiffel;英语:the Eiffel Tower)矗立在塞纳河南岸法国巴黎的战神广场,于1889年建成,得名于设计它的著名建筑师、结构工程师古斯塔夫·埃菲尔,全部由施耐德铁器(现施耐德电气)建造。</div>
<div class="para" label-module="para">它是世界著名建筑、法国文化象征之一、巴黎城市地标之一、巴黎最高建筑物。被法国人爱称为“铁娘子” 。埃菲尔铁塔高300米,天线高24米,总高324米,铁塔是由很多分散的钢铁构件组成的——看起来就像一堆模型的组件。钢铁构件有18038个,重达10000吨,施工时共钻孔700万个,使1.2万个金属部件,用铆钉250万个。除了四个脚是用钢筋水泥之外,全身都用钢铁构成,共用去熟铁7300吨。塔分三楼,分别在离地面57.6米、115.7米和276.1米处,其中一、二楼设有餐厅,第三楼建有观景台,从塔座到塔顶共有1711级阶梯。埃菲尔铁塔2011年约有698万人参观,在2010年累计参观人数已超过2.7亿人,每年为巴黎带来15亿欧元的旅游收入。<div class="lemma-picture text-pic layout-right" style="width:220px; float: right;">
<a class="image-link" nslog-type="9317" href="/pic/%E5%9F%83%E8%8F%B2%E5%B0%94%E9%93%81%E5%A1%94/559934/0/e4dde71190ef76c648fe5a029516fdfaaf5167ef?fr=lemma&amp;ct=single" target="_blank" title="" style="width:220px;height:158px;">
</a>
</div>
    <div class="lemma-picture text-pic layout-right" style="width:157px; float: right;">
<a class="image-link" nslog-type="9317" href="/pic/%E5%9F%83%E8%8F%B2%E5%B0%94%E9%93%81%E5%A1%94/559934/0/b8014a90f603738dc31cad0bbb1bb051f819ec41?fr=lemma&amp;ct=single" target="_blank" title="" style="width:157px;height:220px;">

</a>
</div></div>

<br>
<br>
<br>

<div class="para" label-module="para">埃菲尔铁塔是由古斯塔夫·埃菲尔设计的,古斯塔夫·埃菲尔出生于1832年<div class="lemma-picture text-pic layout-right" style="width:180px; float: right;">

<img class="" src="https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/s%3D220/sign=5ddab46bf5deb48fff69a6dcc01f3aef/c83d70cf3bc79f3d58fcca3abca1cd11728b299e.jpg" alt="古斯塔夫·埃菲尔" style="width:180px;height:220px;">
</a>

</div>法国东部的第戎城。20岁以优异的成绩考上了培养工程师的法国国立工艺学院。在那里他租用了单身宿舍,经常挤在桌子和火炉中间通宵达旦埋头读书。不久,他以良好的成绩领到了工程师的毕业文凭。毕业后,埃菲尔经朋友介绍进入西部铁路局研究室任工程师。从此,埃菲尔踏上了一个建筑结构工程师的工作道路,为人类的进步与文明贡献自己的杰出才华。</div>
<div class="para" label-module="para">1860年,埃菲尔完成了当时法国著名的波尔多大桥工程,将长达500米的钢铁构件,架设在跨越吉隆河中的6个桥墩上。这项巨大工程的完成,使埃菲尔在整个工程界的名声大振。埃菲尔肯钻研,敢革新,大胆使用钢材和混凝土,使土木建筑从“土”和“木”中解脱出来。他为设计铁塔付出了巨大的劳动,仅设计图纸就有5000多张。这些宝贵的资料,作为埃菲尔劳动的结晶,至今仍被人们妥善地保存在巴黎。<div class="lemma-picture text-pic layout-right" style="width:220px; float: right;">
<a class="image-link" nslog-type="9317" href="/pic/%E5%9F%83%E8%8F%B2%E5%B0%94%E9%93%81%E5%A1%94/559934/0/e4dde71190ef76c648fe5a029516fdfaaf5167ef?fr=lemma&amp;ct=single" target="_blank" title="" style="width:220px;height:158px;">
</a>
</div>
    <div class="lemma-picture text-pic layout-right" style="width:157px; float: right;">
<a class="image-link" nslog-type="9317" href="/pic/%E5%9F%83%E8%8F%B2%E5%B0%94%E9%93%81%E5%A1%94/559934/0/b8014a90f603738dc31cad0bbb1bb051f819ec41?fr=lemma&amp;ct=single" target="_blank" title="" style="width:157px;height:220px;">

</a>
</div></div>
<br>
<br>
<hr>
<a href="https://baike.baidu.com/item/%E5%9F%83%E8%8F%B2%E5%B0%94%E9%93%81%E5%A1%94/559934?fr=aladdin">百度一下埃菲尔铁塔<img src="//www.baidu.com/img/bd_logo1.png" width="270"height="129"></a>

</body>
</html>

 

以上是关于web基础的主要内容,如果未能解决你的问题,请参考以下文章

代码片段 - Golang 实现简单的 Web 服务器

高效Web开发的10个jQuery代码片段

高效Web开发的10个jQuery代码片段

[vscode]--HTML代码片段(基础版,reactvuejquery)

web前端开发JQuery常用实例代码片段(50个)

JSP基础学习