基本标签笔记

1.简要说一下CSS的元素分类


块级元素:div,p,h1,form,ul,li;

行内元素 : span,a,label,input,img,strong,em;



 
 
W3Cschool(w3cschool.cn) 



强调文本
加粗文本
定义项目
一段电脑代码
计算机样本
键盘输入
变量

基本标签笔记_第1张图片

2、HTML 



 
 
W3Cschool(w3cschool.cn) 






基本标签笔记_第2张图片

3、HTML  标签

标签可以在图像上划分区域,这些区域是可以点击的,并且对应不同的操作。 





W3Cschool(w3cschool.cn)



点击太阳或其他行星,注意变化:

Planets Sun Mercury Venus

基本标签笔记_第3张图片

4、HTML 元素用来创建下拉列表。




 
W3Cschool(w3cschool.cn) 




  

基本标签笔记_第4张图片

5、HTML 

这是一个标题

这是一个段落。

基本标签笔记_第5张图片

7、HTML  标签

包含在 标签和其结束标签 中的内容会以正常内容的一半的高度显示在下方,而且通常较小,请参见下述例子:



 
 
W3Cschool教程(w3cschool.cn) 



这个文本包含 下标文本。

这个文本包含 上标 文本。

基本标签笔记_第6张图片

8、HTML  标签

标签元素作为一个元素的标题,该标题可以包含详细的信息,但是默认情况下不显示,需要单击才能显示详细信息,请参考下述示



 
 
W3Cschool(w3cschool.cn) 



Copyright 1999-2011.

- by Refsnes Data. All Rights Reserved.

All content and graphics on this web site are the property of the company Refsnes Data.

注意:目前只有 Chrome 和 Safari 6 支持 summary 标签。

基本标签笔记_第7张图片

9、HTML  标签

标签用来定义 HTML 表格,一个简单的 HTML 表格应该包括两行两列,如下述示例所示:



 
 
W3Cschool教程(w3cschool.cn) 



Month Savings
January $100
February $80

基本标签笔记_第8张图片

10、HTML 

基本标签笔记_第9张图片

11、HTML  标签 - HTML5 不支持

标签用来改变字体样式,使标签中的文本显示为打字机文本,请参考下述例子:





This text is normal.

This text is teletype text.

基本标签笔记_第10张图片

12、HTML  标签

标签可以用来对标签内的文本实现下划线样式,请参考下述示例:





This is a parragraph.

基本标签笔记_第11张图片

13、HTML
    标签

    标签表示HTML页面中项目的无序列表,一般会以项目符号列表呈现,请参考下述例子:

    
    
    
     
    W3Cschool(w3cschool.cn) 
    
    
    
    

    无序列表:

    • 咖啡
    • 牛奶

    基本标签笔记_第12张图片

    14、HTML 

    
    
    
    
    
    
    
    

    基本标签笔记_第13张图片

    15、HTML
      标签

      标签在 HTML 中表示有序列表,是 ordered lists 的缩写。您可以自定义有序列表的初始序号,请参考下面的实例:

      
      
      
       
      W3Cschool(w3cschool.cn)
      1. 咖啡
      2. 牛奶
      1. 咖啡
      2. 牛奶

      基本标签笔记_第14张图片

      16、HTML  标签HTML5不支持该标签</h2> <p><noframes> 标签用于支持不支持 <frame> 元素的浏览器,请参考下面的示例:</p> <pre class="has"><code><html> <head> <meta charset="utf-8"> <title>W3Cschool(w3cschool.cn)</title> </head> <frameset cols="25%,50%,25%"> <frame src="/statics/demosource/frame_a.htm"> <frame src="/statics/demosource/frame_b.htm"> <frame src="/statics/demosource/frame_c.htm"> <noframes>抱歉,您的浏览器不支持 frame 属性!

      基本标签笔记_第15张图片

      17、HTML


       标签


      标签表示段落级元素之间的主题划分。例如,在下面的实例中我们对具有主题变化的内容使用了
       标签:

      
      
       
       
      W3Cschool(w3cschool.cn) 
      
      
      
      

      HTML

      HTML 是用于描述 web 页面的一种语言。


      CSS

      CSS 定义如何显示 HTML 元素。

      基本标签笔记_第16张图片

      18、HTML 

       - 

       标签

      -

      标签用来定义 HTML 标题,表示了 HTML 网页中六个级别的标题。您可以通过下面的这个实例来看看每个级别的标题有什么区别: 

      
      
      
      
      W3Cschool(w3cschool.cn)
      
      
      
      

      这是标题1

      这是标题2

      这是标题 3

      这是标题 4

      这是标题 5
      这是标题 6

      基本标签笔记_第17张图片

      19、HTML

      标签 - HTML 5 不支持

      标签控制文本的居中显示,不能在 HTML5 中使用。

      
      
       
       
      W3Cschool(w3cschool.cn) 
      
      
      
      

      这是一些文本。

      这个文本居中对齐。

      这是一些文本

      基本标签笔记_第18张图片

      20、HTML 

      基本标签笔记_第19张图片

      21、HTML
       标签


      标签是空标签,可插入一个简单的换行符。

      
      
       
       
      W3Cschool(w3cschool.cn) 
      
      
      
      

      使用br元素
      在文本中
      换行。

      基本标签笔记_第20张图片

      22、HTML

       标签

      标签只能够作为
      标签的一个子元素出现,常常后跟一个
      标签。

      
      
       
       
      W3Cschool(w3cschool.cn) 
      
      
      
      
      咖啡
      黑色的热饮
      牛奶
      白色的冷饮

      基本标签笔记_第21张图片

      23、HTML 
       标签

      标签内的一组表单元素会在 WEB 浏览器中以特殊的方式显示,比如不同样式的边界、3D效果等。

      
      
       
       
      W3Cschool(w3cschool.cn) 
      
      
      
      
      个人信息: 姓名:
      邮箱:
      生日:

      基本标签笔记_第22张图片

      24、HTML  标签

      标签用来定义在页面中嵌入的内容,比如插件。比如,在下面的实例中我们嵌入了一个 flash 动画:

      
      
       
       
      W3Cschool(w3cschool.cn) 
      
      
      
      
      
      
      

      基本标签笔记_第23张图片

      25、HTML  标签 - HTML5 不支持

      标签的使用示例如下所示,该标签已经过时,因此我们不建议您使用该标签。 

      
      
       
       
      W3Cschool(w3cschool.cn) 
      
      
      
      

      这是一些文本!

      这是一些文本!

      这是一些文本!

      基本标签笔记_第24张图片

      26、HTML 

      
      
       
       
      W3Cschool(w3cschool.cn) 
      
      
      
      

      点击其中一个文本标签选中选项:




      基本标签笔记_第25张图片

      记录一些重要标签!

你可能感兴趣的:(【easyUI】)