乐山网站建设

专注高端品牌网站建设行业优质供应商！认准小谭建站！
028-86922220135-1821-9792
  • 首页
  • 网站建设
    网站设计包含服务 网站制作流程 有效沟通方式 售后服务
  • 微信开发
  • 案例展示
    乐山小谭建站公司作品案例展示
  • 新闻资讯
  • 解决方案
  • 小谭建站
  • 联系我们

    • 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