甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

QQ :532337155
电话：028-86922220
 
成都网站建设设计

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

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. 
        
  2. 2asdfasdf
    3. 
        
  3. 2asdfasdf
    4. 
    

    

        
DT

        
dd

        
dd

        
dd

        
DT

        
dd