zoukankan      html  css  js  c++  java
  • html5学习系列之hi类标签

    旧标签:

    (1)<head>标签

    作用:所有头部元素的容器,必须包含文档的标题(title),

    可以包含脚本、格式、meta信息以及其他更多的信息

    元素内部包含:

    <title>:必须

    <style>/<base>/<link>/<meta>/<script>/<noscript>

    (2)<h1>-<h6>

    作用:定义html标题

    (3)<hr>标签

    作用:定义Html页面中的主题变化,并显示为一条水平线,被用来分割Html页面中的内容。

    (4)<i>标签

    作用:定义与文本其余部分不同的部分,并把这部分文本呈现为斜体文本,被用来表示科技术语等等。

    (5)<iframe>标签

    作用:嵌入其他框架,或者其他html文档

    属性:height:高度

    name:名称

    sandbox:对<iframe>的内容定义一系列的额外限制。值为:allow-forms allow-same-origin allow-scripts allow-top-navigation

    seamless:规定<iframe>看起来像是文档中的一部分。

    src:文档的url

    srcdoc: HTML_code 规定页面中的内容显示在<iframe>中,(本人试了一下,显示的是HTML_code)

    宽度。

    (6)<img>标签

    作用:定义图像,为被引用的图像创建占位符。两个必需的属性:src和alt。

    从技术上讲,图像并不会插入到html页面,而是链接到页面上。

    属性:alt:规定图像的替代文本。

    crossorigin:设置图像的跨域属性 值为anonymous和use-credentials 。百度了一下这个属性,好像是说如果src是来自其他域名的图片,浏览器便会禁止执行。

    height:高度

    ismap:将图像规定为服务端图像映射。

    注:ismap和usemap:http://blog.163.com/pdfz75@126/blog/static/41122612200942983227228/

    src:规定显示图像的url

    usemap:将图像定义为客户端图像映射

    width:规定图像的宽度。

    (7)<input>标签

    作用:规定用户可以在其中输入数据的输入字段。在form元素中使用,用来声明允许用户输入数据的input控件,输入字段可通过多种方式改变,取决于type属性。

    属性太多,请自行观看:http://www.runoob.com/tags/tag-input.html

    (8)<ins>标签

    作用:定义已经插入文档中的文本。效果是有一个下划线

    属性:

    cite:规定一个文档的url,该文档解释了文本被插入的原因。没有主流浏览器可以支持这个属性。

    datetime:规定文本被插入的日期和时间。

    新标签:

    (1)<header>标签

    作用:定义文档或者文档的一部分的页眉,应该作为介绍内容或者导航链接栏的容器,
    不可以放在<footer>、<address>或者另一个<header>元素内部。

    (2)<hgroup>标签

    作用:用来对标题元素进行分组。当标题有多个层级(副标题)时,<hgroup>被用来对一系列的<h1>-<h6>元素进行分组。

     三、涉及到的代码:

    <!DOCTYPE html>
    <html>
    <!-- head 标签-->
    <head>
    	<meta charset='UTF-8'>
    	<title>hi类标签</title> 
    </head>
    <body>
    	<!--img标签-->
    	<img src="1.gif" usemap="#map">
    	<map name="map" id="map">
    		<area shape="rect" coods="100,100,200,200" href="../ef类标签/20160404.html" target="_blank"></area>
    		<area shape="rect" coods="200,100,300,200" target="_blank" href="../ef类标签/20160404.html"></area>
    	</map>
    	<article>
    		<!-- header标签 -->
    		<header>
    			<hgroup>
    				<h1>Hello Html5</h1>  
    				<h3>For 竖心旁</h3>  
    			</hgroup>
    			
    		</header>
    		<!--hr标签-->
    		<hr>
    		<p>just say hi to html5</p>
    		iiiiiiii is<i> iii </i> here
    	</article>
    
    	<!--iframe标签-->
    	<iframe src="http://www.baidu.com">
    		<p>您的浏览器不支持iframe标签</p>
    	</iframe>
    	
    	
    	<a href="www.baidu.com">
    	<img src="2.jpg" ismap="ismap" width="300" height="300">
    	</a>
    
    	<!--ins标签-->
    	<p>My favorite color is <ins cite='www.baidu.com'> black</ins></p>
    
    </body>
    </html>
    

      

  • 相关阅读:
    【MySQL】:利用DCL管理用户和控制权限
    【MySQL】:事务四大特性与隔离级别
    JDBC概述及编程步骤详解
    【MySQL】:多表查询
    【MySQL】:MySQL中四大约束
    MySQL解决DOS窗口乱码问题
    【MySQL】:分组查询where和having
    【MySQL】:利用DQL查询表中的数据
    【MySQL】:利用DML操作表中数据
    【MySQL】:利用DDL操作数据库、表
  • 原文地址:https://www.cnblogs.com/Gabby/p/5363551.html
Copyright © 2011-2022 走看看