zoukankan      html  css  js  c++  java
  • Codecademy

    整合Codecademy上学习HTML的任务以及答案:

    1.初识HTML:hypertext markup language 怎么理解?

    2.HTML的语言规范是什么?

    3.文档开头的

    <!DOCTYPE html>

    <html>

    </html>

    是干什么的?

    4.<div><h1><p>都代表什么意思?为什么需要<div>?

    5.什么叫标签的属性?我们最常用的属性是什么?


    小练习:大家可以把这段代码复制粘贴到一个新的文件里,然后根据任务来做,任务在代码下面

    <body>
      <h1>The Brown Bear</h1>
      <div id="introduction">
        <h2>About Brown Bears</h2>
        <h3>Species</h3>
        <h3>Features</h3>
        <p>“Brown bears are not always completely brown. Some can be reddish or yellowish. They have very large, curved claws and huge paws. Male brown bears are often 30% larger than female brown bears. They can range from 5 feet to 9 feet from head to toe.”</p>
      </div>
      <div id="habitat">
        <h2>Habitat</h2>
        <h3>Countries with Large Brown Bear Populations</h3>
        <h3>Countries with Small Brown Bear Populations</h3>
        <p>
          “Some countries with smaller brown bear populations include Armenia, Belarus, Bulgaria, China, Finland, France, Greece, India, Japan, Nepal, Poland, Romania, Slovenia, Turkmenistan, and Uzbekistan.”</p>
      </div>
      <div id= "media">
        <h2>Media</h2>
      </div>
    </body>

    任务:记得在每一步做完后刷新界面看看效果

    1.在About Brown Bear标签下面添加一段话,使用<p>标签

    “The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently Least Concern. There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.”

    2.插入上面的话后给括号内的Ursus arctos使用<em>强调标签,给第二句话结尾的Least Concern使用<strong>加粗标签

    3.在刚加上加粗标签的Least Concern后面加两个换行符<br>

    4.在<h3>Species</h3>下面加入一个无序列表(<ul>)

    5.在无需列表中加入四个列表项:(使用<li>)

    Arctos

    Collarus

    Horribilis

    Nelsoni (extinct)

    6.在<h3>Countries with Large Brown Bears Populations</h3>下面加入一个有序列表(<ol>):

    7.在有序列表中加入四个列表项:(使用<li>)

    Russia

    United States

    Canada
    8.找到media标签,为其中的图片添加链接:

    https://s3.amazonaws.com/codecademy-content/courses/web-101/web101-image_brownbear.jpg

    9.给这张图片添加合适的alt属性进行说明

    10.在图片标签下增加一个视频,使用<video>,添加链接:

    https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-1/lesson-2/htmlcss1-vid_brown-bear.mp4

    11.设置宽320,高240,且可被操控

    12.在video标签内输入“不支持的视频格式”,防止视频未正确展示

     


     

     

  • 相关阅读:
    Two Sum 2015年6月8日
    Word Ladder II 2015年6月4日
    Word Ladder 2015年6月3日
    华为
    《安卓网络编程》之第八篇 安卓与服务器之间通讯JSON
    星辉信息科技Odoo开发教程10-odoo开发环境准备
    星辉信息科技Odoo开发教程9-odoo创建视图02
    星辉信息科技Odoo开发教程8-odoo创建视图01
    星辉信息科技Odoo开发教程7-创建菜单项
    星辉信息科技Odoo开发教程6-配置安全权限控制02
  • 原文地址:https://www.cnblogs.com/exigeslover/p/12079468.html
Copyright © 2011-2022 走看看