资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

html5——常用元素与属性-创新互联

html5是由标签组成的标记语言,本篇就介绍HTML5的部分标签

成都创新互联公司作为成都网站建设公司,专注网站建设公司、网站设计,有关企业网站设计方案、改版、费用等问题,行业涉及白乌鱼等多个领域,已为上千家企业服务,得到了客户的尊重与认可。

    html5保留的常用标签

    定义HTML注释
    HTML5文档的根元素
    定义HTML文档的头部页面元素
    定义HTML5的页面标题
<body>    定义HTML5文档的页面主体部分
<style>    该元素用于引入样式定义
<h2>到<h7>    定义标题一到标题六
<p>    段落标签
<br>    换行标签
<hr>    定义水平线
<div>    定义文档中的块
<span>    与div标签基本相似,默认不会换行</pre><p>代码示例:</p><pre><!DOCTYPE html>
<html>
    <meta charset="utf-8"><!--定义编码方式-->
    <head>
        <title>标签代码示例
    
    
        

标题一

        

标题二

        

标题三

        
标题四
        
标题五
        标题六         
        phpmysqlhtml         
        
php
mysql
html
        

tomcat

    

文本格式化标签

    这些元素让文本在浏览器中呈现出特定的效果

    定义粗体文本
    定义斜体文本
    定义强调文本
    定义粗体文本,与标签的作用和用法基本相同
    定义上标文本
    定义下标文本
    定义文本的显示方向,该标签可以指定dir属性,该属性值只能是ltr或者是rtl

代码示例:



    
        
        文本格式化标签
    
    
        加粗文本
        斜体文本
        粗斜体文本
        被强调的文本
        大号字体文本
        

加粗文本


        小号字体文本
        
普通文本上标文本
        从左向右排列
        从右向左排列
    

语义相关元素

html5保留了如下相关元素     用于表示一个缩写
    
 用于表示一个地址     
 用于定义一段长的引用文本     用于定义一段短的引用文本      用于表示作品的标题      用于表示一段计算机代码      用于定义一个专业术语      定义文档中被删除的文本      定义文档插入的文本     
 预格式化标签
     定义示范文本内容
     定义键盘文本
     用于表示一个变量

超链接和锚点

    超链接,该元素可以指定 id class style等核心属性,也可以指定onclick等各种事件属性,还可以指定如下三个重要属性

    href:指定超链接所关联的另一个资源

    target:指定使用框架集中的哪一个框架来装载另一个资源,该属性的属性值可以是_self _blank _top _parent

百度
定位到test锚点

 列表相关标签

     定义无序列表
       定义有序列表 该元素可以指定如下三个属性,start :指定列表项的起始数字  type :哪种类型 的编号  reversed 该属性用于指定是否将排序反转 (目前没有浏览器支持该属性)
    1.  定义列表项目
       用于定义列表
       用于定义标题列表项
       用于定义普通列表项

 代码示例:



    
        
        列表相关标签
    
    
             
              
  • 列表一
  •           
  • 列表二
  •           
  • 列表三
  •         
                       
  • 列表一
  •              
  • 列表二
  •              
  • 列表三
  •                      
                  
                  
                  
                  
                         
                         
              
        

    图像相关标签:

    
        src:该属性指定图片的所在的位置
        alt:作为改图片的提示信息
        height:该图片的的高度
        width:该图片的宽度
        usemap="#mapname"
     
     
         
         
     

    表格相关标签:

     用于定义表格
        属性:cellpadding :指定单元格内容和单元格边框之间的间距
              cellspacing :指定单元格之间的间距,该属性可以是像素值也可以是百分比
              width:表格的宽度
     定义表格行
     定义表格的主体
     定义表格的头
     定义表格的脚
        rowspan colspan 两个属性用于定义跨行跨列

    框架相关元素:

    html5新增的通用属性:

    contentEditable属性
        该属性设置为true,那么浏览器将允许开发者直接编辑该HTML元素里的内容,可以继承,如果一
    个HTML元素的父元素是可编辑的那么子元素默认也是可以编辑的
    designMode 属性
        相当于一个全局的contentEditable属性,如果把真个页面的designMode属性设置为on时,该页面
    上所有可支持contentEditabe都变成可编辑状态
    hidden属性
        hiddle设为true,就意味着浏览器不显示该组件,浏览器也不会保留该组件所占用的空间,相当于
    在CSS中设置display:none;
    spellcheck属性
        设置spellcheck="true"浏览器将会对输入的文本内容执行输入检查

    html5新增的常用元素:应用较少,略

    html5头部和元信息

    
    
    
    
    
    
    
    
     定义表格标题
     定义单元格  定义表格页眉的单元格