成都网站建设设计

将想法与焦点和您一起共享

HTML基础和实例-创新互联

豆子最近在学前端的基础知识,主要包括Html, CSS, Javascript, Dom, JQuery等内容。豆子没打算做专业的前端开发,不过学会一些常见的界面设计,对于学习Python的web框架还是很有必要的。这篇博客通过各种简单例子的迅速过一遍HTML的常见使用。

创新互联是专业的江华网站建设公司,江华接单;提供网站设计制作、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行江华网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

例1. 首先看看标签的内容

    
        
        
        
        
        
        
        老男人
        
    

  • 里面指定字符集,IE兼容模式

  • 显示标题

  • 显示标题的图标

    效果如下:

    HTML 基础和实例

例2:里面一些常见的标签


        12
        12

标签分为内联标签和块级标签,比如

就是块级,可以看见颜色是应用到整行,就是内联标签,颜色只是应用到文字上面。

HTML 基础和实例


        <a b>

< 小于符合; >大于符号;   空格


        

asdfuoiuasdkfjlkjasdfkjalskdjfas;dlfj

        

asdfuoiuasdkfjlkjasdfkjalskdjfas;dlfj

        

asdfuoiuasdkfjlkjasdfkjalskdjfas;dlfj

是段落标签,他和直接敲文字的区别是他可以自动换行,如果要手动换行,可以通过
实现

HTML 基础和实例


        

a

        

a

        

a

        
a
        
a
        a         a

等等是设置字体的大小,数字越小,字体越大;当然也可以通过style来指定大小

HTML 基础和实例

 
        跳转1
        跳转2
        
        
        第一章
        第二章
        第三章
        
        第一章内容

        第二章内容
        第三章内容

标签是跳转,可以通过href指定跳转的对象,这个对象可以是一个网页的Url,也可以是其他标签的

如果不指定target=_blank, 会从当前tab跳转,否则新开一个tab页面跳转

HTML 基础和实例

例3 嵌套div




    
    


    
        asdfasdf
        
            
                asdf             
        
        asdfas\
        asdf     

HTML 基础和实例

例4 表格和各种输入框




    
    


    
                                        

用户名: 

            

密码: 

            

邮箱: 

            

性别(单选框):                  男                  女             

            

爱好(复选框):                  男1                  男2                  男3                  男4                  男5             

            

城市:                                                                                                                                                

            

文件:

            

备注 :  

                                                    

HTML 基础和实例

例5:列表




    
    


    
            
  • 1asdfasdf1
  •         
  • 2asdfasdf
  •         
  • 2asdfasdf
  •     
    
            
  1. 1asdfasdf1
  2.         
  3. 2asdfasdf
  4.         
  5. 2asdfasdf
  6.     
    
        
DT
        
dd
        
dd
        
dd
        
DT
        
dd