文章标题

最新推荐文章于 2024-07-18 15:09:36 发布

月亮与风

最新推荐文章于 2024-07-18 15:09:36 发布

阅读量271

点赞数

分类专栏：学习心得文章标签： html5

本文链接：https://blog.csdn.net/u011447350/article/details/49453249

版权

学习心得专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML5

标签（空格分隔）：未分类

页面结构

1.section 用于将任意的逻辑分区，如产品描述，文章的章，讨论区
arctile 用于使文档各部分可独立分发

<!DOCTYPE html>
<meta charset="utf-8"/>
 <body>
    <article> 
     <section id="mixing">
        <h2>The proper way to mixing </h2>
        <p>When using a stand-mixer,it is important that you do not erver mix</p>
     </section>
     <section id="baking">
        <h2>Proper baking techniques</h2>
        <p>It is important to baking </p>
     </section>
    </article>
 </body>

2.创建旁注

<article>
    <aside style="font-size: larger; font-style: italic ;color: blue ;float :right ;width: 120px;">
        To create a water bath,use a pan that will allow you to fill it with boiling water  that goes halfway
    </aside>
    <p>
        lishang is a good student
    </p>
    <p>
        lishuang ai dongxiaoling
    </p>
</article>

3.文头与文脚

用于表示文头

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <header>
        <span style="color:red;font-style: italic; ">Baking cherry</span>
        <hr>
    </header>
    <hgroup>
        <h1>Chesecake tips</h1>
        <h2>profession Tips</h2>
    </hgroup>
     <footer>
        &copy 2011-Beter made Chess-All rights reserverd
    </footer>
</body>
</html>

4.创建导航与插入图片

用于表示创建一个容器，用于放置文档内任意区域的导航
以前用于插入图片
现在使用

用于在文档中的任意部分插入图解类的文章

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <header>
        <span style="color:red;font-style: italic; ">Baking cherry</span>
        <hr>
    </header>

    <nav>
         <a href="http://www.baidu.com" target="_blank"> BAIDU</a>
         <a href="http://www.sohu.com" target="_blank">SOUHU</a>
         <a href="http://www.xinlang.com" target="_blank">XINLANG</a>
    </nav>

    <hgroup>
        <h1>Chesecake tips</h1>
        <figure>
            <img src="chess.jpg" width="170" height="128"/>
            <figcaption> one of our many chess</figcaption>
        </figure>
        <h2>profession Tips</h2>
    </hgroup>
    <footer>
        &copy 2011-Beter made Chess-All rights reserverd
    </footer>

</body>
</html>

HTML 标记

标签
一个区域的结束和另一个区域的开始
使用

而不是

来分隔区域

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>How to Barbecue and Smoke Meat</h1>
    this page will discuss how many ways to maricate ,smoke, and grill your favourite means

    <h2>Rubs</h2>
    <hr>
    Moist rubs give you 
    <hr>
    Dry rubs
</body>
</html>

2.使用>标签 <br/>
用于 创建浏览器内的浏览器 <br/>
seamless属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>USING THE IFRAME TAG</title>
</head>
<body>
    <strong>Using the iFrame tag</strong><br>
    <iframe src="http://www.baidu.com" width="1024" height="300" seamless></iframe><br>
    <iframe src="http://www.xinhuanet.com/" width="1024" height="300" seamless></iframe><br>
</body>
</html>

3.在页面中嵌入媒体

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Using the embed tag</title>
</head>
<body>
    <p><strong> USing the embed tag </strong></p>
    <embed src="chess.jpg" type="jpg" width="400" height="300"/>
</body>
</html>

4.使用标签
HTML5中的超链接与以前版本的不同，主要有三类
* 超链接：将用户导航至指定资源
* 外部超链接：所链接的资源经过自动处理，补充到当前文档中去
* 注解：对外部资源所使用的资源进行修改，它也可以修改超链接的作用方式

HTML5 结构化语义元素

1.使用itempro 和itemscope
* itemscope 布尔型的属性，用于创建一个条目
* itemprop 用于给条目或其子条目增加一个属性
* itemtype 用于定义自定义词汇表

表单

HTML5 绘图API

1.如何使用
元素是一个可以添加到html5 页面的中的矩形区域，借助2D绘图API可以控制这个区域内的每一个像素，它里面画出的每一样东西都是通过Javascript语言编程实现的

月亮与风

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
文章标题

HTML5标签（空格分隔）：未分类页面结构1.section 用于将任意的逻辑分区，如产品描述，文章的章，讨论区 arctile 用于使文档各部分可独立分发<!DOCTYPE html><meta charset="utf-8"/> <body> <article> <section id="mixing"> <h2>The proper way to m
复制链接

扫一扫

专栏目录