JavaWebの研究ノート(a)のHTML

以下は休日JavaWebコンテンツ中の魏のプレビューです

ウェブ概念の概要

  • JavaWeb:
    使用して Java言語に基づいて開発をインターネットプロジェクト
  • ソフトウェアアーキテクチャ:
    • C / S:クライアント/サーバークライアント/サーバー
      • ローカルユーザでは、クライアント、リモート側のプログラムでサーバーを持っています
      • 以下のような:QQ、サンダー...
      • 長所:優れたユーザーエクスペリエンス
      • 短所:開発、設置、導入、メンテナンスの問題
    • B / S:ブラウザ/サーバ、ブラウザ/サーバー
      • ブラウザだけで、異なるURL(URL)にユーザーが必要です、あなたは別のサーバー側のプログラムにアクセスすることができます
      • 長所:開発、設置、導入、メンテナンスが容易
      • 短所:アプリケーションが大きすぎる場合は、ユーザーエクスペリエンスに影響を与える可能性があり、ハードウェア要件が高すぎます
  • B / Sアーキテクチャの詳細:
    • リソースカテゴリ:
      • 1.静的リソース:
        • リソースを使用して静的なWeb開発技術を発表しました。
        • 特長:
          • すべてのユーザー・アクセスは、結果は同じです
          • 以下のような:テキスト、画像、オーディオ、ビデオ、HTML、CSS、JavaScriptの
          • ユーザーが静的リソースを要求した場合、サーバーがブラウザに静的リソースに直接送信されます。解析エンジンの静的リソースに組み込まれているブラウザでは、あなたは、静的なリソースを表示することができます
        • HTML:Webページを構築するための基盤は、ページの内容を表示します
        • CSS:ページを美化するために、ページレイアウト
        • JavaScriptを:このページは、いくつかの動的な効果を持っているので、ページの制御要素、
      • 2.動的リソース:
        • 動的なWebリソースの即時解放の使用
        • 特長:
          • すべてのユーザー・アクセスは、結果が異なる場合があります
          • 如:JSP /サーブレット、PHP、ASP ...
          • ユーザは、静的リソースに、動的リソースは、サーバが実行する動的なリソースを要求し、次にブラウザに送信した場合
      • 3. 動的なリソースを勉強するには、最初に静的リソースを学ばなければなりません!
        ここに画像を挿入説明

HTML

  • コンセプト:
    • 最も基本的なWeb開発言語
    • ハイパーテキストマークアップ言語HTML
      • 超文本:
        用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本
      • 标记语言:
        • 由标签构成的语言。
          <标签名称> 如 html、xml
        • 标记语言不是编程语言
  • 快速入门:
    • 语法:
      • html文档后缀名为 .html 或 .htm(两者并无差别)
      • 标签分为:
        • 围堵标签:有开始标签和结束标签,如< html> < /html>
        • 自闭和标签:开始标签和结束标签在一起。如< br/>
      • 标签可以嵌套
        需要正确嵌套,不能你中有我,我中有你
        错误:< a>< b>< /a>< /b>
      • 在开始标签中可以定义属性,属性是由键值对构成,值需要用引号(单双都可)引起来
      • html的标签不区分大小写,但是建议使用小写
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <font color="red">Hello World!</font>
</body>
</html>
  • 标签:
    • 文件标签:构成html最基本的标签
      • html:html文档的根标签
      • head:头标签,用于指定html文档的一些属性,引入外部的资源
      • title:标题标签
      • body:体标签
      • < !DOCTYPE html>:html中定义该文档是html文档
    • 文本标签:和文本有关的标签
      • 注释:< !-- 注释内容–>
      • < h1> to < h6>:标题标签
        • h1-h6:字体大小逐渐递减
      • < p>:段落标签
        没加标签前:ここに画像を挿入説明
        加了标签后:
        ここに画像を挿入説明
      • < br>:换行标签
      • < hr>:展示一条水平线
        • 属性:
          • color:颜色
          • width:宽度
          • size:高度
          • ALIGN:アラインメント
            • センター:センター
            • 左:左
            • 右:右揃え
      • <B>:太字
      • <I>:イタリックフォント
      • <フォント>:フォントタグ
        • 属性:
          • 色:色
          • サイズ:サイズ
          • 顔:フォント
        • 属性定義:
          • 色:
            • 英語の単語:赤、緑、青の...
            • RGB(値1、値2、3値):値の範囲:0〜255のRGBとして(0,0,255)
            • 値値#1 2 3値:値の範囲:#FF00FF(16進数)として00-FF間
          • 幅:
            • 値= '20」幅、デフォルト値は、単位PX(画素)であります
            • 値%:親要素に比例比相対
      • ソースコードとページ効果:
        ここに画像を挿入説明
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本标签</title>
</head>
<body>
    <!-- 注释 -->

    <!-- br 换行标签 -->
    白日依山尽,<br/>
    黄河入海流。<br>

    <!-- 标题标签 h1-h6 -->
    史迪仔仔仔<br>
    <h1>史迪仔仔仔</h1>
    <h2>史迪仔仔仔</h2>
    <h3>史迪仔仔仔</h3>
    <h4>史迪仔仔仔</h4>
    <h5>史迪仔仔仔</h5>
    <h6>史迪仔仔仔</h6>

    <!-- 段落标签 p -->
    <p>
    1.《平凡的世界》以传统的价值观念及现实主义的创造手法为主,注重故事的连贯性,注重完整人物形象的塑造,同时又不放过情节上的浪漫主义因素,是一部通俗易懂的小说。路遥是抱着巴尔扎克式的“时代的书记官”的态度来写作的,这一点尤其体现在对于以田福生为代表的领导层的描写上,客观、准确、真实,由细节捕捉到了当时时代的脉搏和人们观念转变的艰难程度。正如路遥所说:“作家最大的才智应是能够在日常细碎的生活中演绎出让人心灵震颤的巨大内容。”因而,单是惊心动魄的情节还不够,还要有对于生活的深刻体察和洞察,然后用现实主义的笔法将这种体会整合到情节中去。这样,小说就兼具了恢弘的构架和饱满韵细节。
    </p>
    <p>
    2.秉笔直书的现实主义笔法和路遥“为人民”的创作哲学相结合,形成了小说雄浑壮丽的美学格局。《平凡的世界》仿佛一部恢弘的史诗,凝聚着雄浑的社会交响、宽阔的人性胸怀、绚丽的人生色彩和丰厚坚实的苦难底蕴,老辈人厚重而沉实的人生苦难,年轻人浪漫瑰丽的人生想象和朝气蓬勃的行动能力,以及从生活中得来的人生思考都构成了这种美学格局的一部分,成就了这样一个犹如黄土高原般起伏变化、又如大河般壮阔雄浑的文本。
    </p>
    <p>
    3.同时,路遥非常注重人物性格的典型化。且不说孙少平等主要人物,就连次要人物也非常典型。比如农村“革命家”孙玉亭,就是特殊年代的特殊产物,还有支书田福堂,他的自命不凡和谨小慎微,是农村干部的典型。还有区委书记苗凯、秘书张生民等等。这些人物都带着他们身份的标签,一举一动都让人一眼看出他们的职业特点和由职业特点所形成的行为方式特征,从而探索各式人物的性格心理和文化心态,传导时代的律动。
    </p>

    <!-- 显示一条水平线 hr -->
    <hr color="red" width="200" size="10" align="left"/>

	<hr>
    <font color="red" size="5" face="楷体">史迪仔仔仔</font><br>

    <font color="#0000ff" size="5" face="楷体">史迪仔仔仔</font><br>

    <hr color="red" width="50%" size="10" align="left"/>

    <center>
        <font color="red" size="5" face="楷体">史迪仔仔仔</font>
    </center>
</body>
</html>

ケース:

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>公司简介</title>
</head>
<body>
    <h1>公司简介</h1>
    <hr color="#a52a2a">
    <p>
    <font color="red" >深圳市腾讯计算机系统有限公司</font>成立于1998年11月 [1]  ,由<b><i>马化腾、张志东、许晨晔、陈一丹、曾李青</i></b>五位创始人共同创立。 [1]  是中国最大的互联网综合服务提供商之一,也是中国服务用户最多的互联网企业之一。 [2]
    </p>
    <p>
    腾讯多元化的服务包括:社交和通信服务QQ及微信/WeChat、社交网络平台QQ空间、腾讯游戏旗下QQ游戏平台、门户网站腾讯网、腾讯新闻客户端和网络视频服务腾讯视频等。 [3]
    </p>
    <p>
    2004年腾讯公司在香港联交所主板公开上市(股票代号00700),董事会主席兼首席执行官是马化腾。
    </p>
    <p>
    2018年6月20日,世界品牌实验室(World Brand Lab)在北京发布了2018年《中国500最具价值品牌》分析报告。腾讯居第二位。2018年12月,世界品牌实验室编制的《2018世界品牌500强》揭晓,排名第39。 [4]  2019年7月,发布2019《财富》世界500强:位列237位。 [5]  2019年8月,入选2019年中国最佳董事会50强。 [6]  2019年9月1日,2019中国服务业企业500强榜单在济南发布,腾讯控股有限公司排名第32位。 [7]  2019年10月,2019福布斯全球数字经济100强榜位列14位。 [8]  2019年10月23日, 2019《财富》未来50强榜单公布,腾讯控股有限公司排名第12。 [9]  “一带一路”中国企业100强榜单排名第14位。 [10]  11月16日,胡润研究院发布《2019胡润全球独角兽活跃投资机构百强榜》,腾讯排名第2位。 [11]  2019年12月,腾讯入选2019中国品牌强国盛典榜样100品牌。 [12]  2019年12月18日,人民日报发布中国品牌发展指数100榜单,腾讯排名第4位。
    </p>

    <hr color="#a52a2a">

    <font color="gray" size="2">
        <center>
            江苏传智播客教育科技股份有限公司<br>
            版权所有Copyright 2006-2018&copy;,All Rights Reserved 苏ICP备16007882
        </center>

    </font>
</body>
</html>

ここに画像を挿入説明

公開された32元の記事 ウォン称賛12 ビュー1361

おすすめ

転載: blog.csdn.net/qq_18873031/article/details/104189056