资讯专栏INFORMATION COLUMN

上云采购季！| 爆款云服务器低至4.6元/月，首单享0.9折

免费试用
首页/文章专栏/HTML教程

HTML教程

smallStone / 397人阅读

摘要：表示文档类型存放不可见元数据提供关于文档的信息浏览器左上角标签存放可见事情文本元素元素加粗这是教程元素加粗这是教程元素安全换行元素倾斜这是教程元素倾斜这是教程元素倾斜这是教程元素删除线这是教程元素删








Page Title


1.文本元素 

b元素（加粗）： 这是HTML教程 

strong元素（加粗）： 这是HTML教程 

wbr元素(安全换行)： this is asdfasdgasdgfasdfasdf is apple 

i元素(倾斜)： 这是HTML教程

em元素(倾斜): 这是HTML教程

var元素(倾斜): 这是HTML教程
 
s元素(删除线):这是HTML教程

del元素(删除线): 这是HTML教程

u元素(下划线): 这是HTML教程

ins元素(下划线): 这是HTML教程

small元素(放小字体): 这是HTML教程

sub元素(下标): 这是HTML5教程

sup元素(上标): 这是HTML5教程

code元素(代码块): 这是HTML教程

kdb元素(用户输入): 这是HTML教程

abbr元素(缩写): 这是HTML教程

dfn元素(表示术语): 这是HTML教程

q元素(双引号): 这是HTML教程

cite元素(引用标题): 这是HTML教程

bdo元素(文字方向): 这是HTML教程

mark元素(突出显示):  这是HTML教程

time元素(时间): 这是教程

span元素(跟CSS搭配): 这是HTML教程


2.超链接和路径 


BaiDu 


BaiDu 


转入第二页 

转入父目录 


3.锚点链接(页面内定位) 

第一章 第二章 第三章 


4.分组元素 



这是一个段落


这是另外一个段落



这是一个通用分组


这是另外一个通用分组



这是一个来自其他内容的引用


这是另外一个来自其他内容的引用



    ########
        ######### 
               #######






无序列表:


    
    
  • 张三
    • 
    
  • 李四
    • 
    
  • 王五
    • 

 


有序列表：



    
        
  1. 张三
    2. 
        
  2. 李四
    3. 
        
  3. 王五
    4. 

 
 
生成说明列表：



    
这是第一份文件

    
这是第一份文件的详细信息1

    
这是第一份文件的详细信息2


    
这是第二份文件

    
这是第二份文件的详细信息1

    
这是第二份文件的详细信息2

    

 


图片链接: 




    
这是一张图片

    



5.表格元素 


构建基本的表格：


    
    这是标题
    
    
        
        
        
        
    
    
    
        

            姓名
            性别
            婚姻
            基本情况
        

    
    
    
        

            张三
            男
            未婚
        

        

            李四
            女
            已婚
        

    
    
    
        

            统计：共两人
        

    




6.文档元素 


标题: 



    这里存放页面的表头部分：LOGO,标题，导航等.
    

        
这是大标题

        
这是一个副标题

    

    



主题部分: 




    这是文档的主题部分





    这是一个文档
    
...

    
...

    
...







页面尾部: 



    这里是页面尾部，版权啊，等等
    

        这里是联系信息
    







7.嵌入元素 


插入图片：

狗图 


在页面中插入另外一个frame： 

百度 | 好搜




 


嵌入插件内容：  



 


进度条：  

 


范围值：  


 


8.音频和视频 


 
  


音频和视频几乎一样（除了没有宽高）: 


 


9.表单元素 


1. form元素（用以用户输入数据）:  




    
    

        
        注册分组
        
        

        

        
        
    


 


2. Input的type属性：
  



    
    文本： 

    
    密码： 

    搜索:  

    
    数字:  

    范围:  

    日期:       

    颜色:  

    复选框: 音乐  体育 

    单选框: 男  女 

    提交:  

    重置:  

    按钮: 

    图片按钮:  

    email:  

    telephone: 

    URL: 

    隐藏:

    上传文件:


    




    
    
 


3. 下拉列表框：
 


    
    
    

  


4.多行文本框：
 



    
    
    

 


10.全局属性和其他 


1. 实体：将有特殊意义的字符通过实体代码显示出来 


显示括号： 
   

空格： 我       你

和号： &HTML

引号： "HTML

撇号：'HTML

版权：©


2.元数据meta: 

2.1. 指定名/值元数据对  










2.2.声明编码格式




3.全局属性: 

3.1. id属性: 







id属性给元素分配一个唯一的标识符，通常用于CSS和javascript调用选中元素，只能是独有的

3.2. class属性: 










class也是用于定位，是用于元素的归类，通过CSS同时设置多个元素

3.3.accesskey元素: 



用以修改text

3.5. dir属性： 




设置文本方向，左到右为ltr，右到左为rtl

3.6. hidden属性: 




可以局部设置语言


3.8. title属性：




对元素的内容进行额外提示


3.9.tabindex元素  



表单中按下Tab键，实现获取焦点的顺序，-1为不会被选中


3.10. style属性




设置行内的CSS样式











































































这是第一章内容

























































这是第二章内容

























































这是第三章内容

















云服务器 混合云 html教程 html布局教程 html语法教程 html语言教程

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1327.html

相关文章

  • Html5元素学习

    摘要：元素学习元素这是教程元素这是教程元素，这里填充一下元素这是教程元素这是教程元素这是教程元素这是教程元素这是教程元素这是教程元素这是教程元素这是教程元素这是教程元素这是教程元素这是教程元素这是教程元素这是教程元素这是教程元素这是教程元素这是教Html5元素学习： b元素：这是 HTML5 教程 strong元素：这是 HTML5 教程 wbr元素，这里填充一下：Thisisasd...

    coolpail 评论0 收藏0

  • html标签-HTML5精讲 课时ID:6.1 【表严肃】#HTML教程 #HTML5教程 #htm

    摘要：标签精讲课时表严肃教程教程标签是什么如果把网页比作洋葱，一层包一层，那标签就是洋葱最外层的皮，元素是一张网页的根元素，所以其他所有元素都是是此元素的后代。 6.1 标签-HTML5精讲 课时ID:6.1 【表严肃】#HTML教程 #HTML5教程 #html标签 是什么 如果把网页比作洋葱，一层包一层，那标签就是洋葱最外层的皮， 元素是一张网页的根元素，所以其他所有元素都是是此元素的...

    lcodecorex 评论0 收藏0

  • html标签-HTML5精讲 课时ID:6.1 【表严肃】#HTML教程 #HTML5教程 #htm

    摘要：标签精讲课时表严肃教程教程标签是什么如果把网页比作洋葱，一层包一层，那标签就是洋葱最外层的皮，元素是一张网页的根元素，所以其他所有元素都是是此元素的后代。 6.1 标签-HTML5精讲 课时ID:6.1 【表严肃】#HTML教程 #HTML5教程 #html标签 是什么 如果把网页比作洋葱，一层包一层，那标签就是洋葱最外层的皮， 元素是一张网页的根元素，所以其他所有元素都是是此元素的...

    _ipo 评论0 收藏0

  • html标签-HTML5精讲 课时ID:6.1 【表严肃】#HTML教程 #HTML5教程 #htm

    摘要：标签精讲课时表严肃教程教程标签是什么如果把网页比作洋葱，一层包一层，那标签就是洋葱最外层的皮，元素是一张网页的根元素，所以其他所有元素都是是此元素的后代。 6.1 标签-HTML5精讲 课时ID:6.1 【表严肃】#HTML教程 #HTML5教程 #html标签 是什么 如果把网页比作洋葱，一层包一层，那标签就是洋葱最外层的皮， 元素是一张网页的根元素，所以其他所有元素都是是此元素的...

    DesGemini 评论0 收藏0

  • h1~h6标签-HTML5精讲 课时ID:6.5 【表严肃】#HTML教程 #HTML5教程 #标题

    摘要：标签精讲课时表严肃教程教程标题标签，你不是一个人。是什么，，，，，都是标题标签，用于概括页面中的部分的内容，其中最大，其次，依次类推，没有。中可以存在子元素。 6.5 ~标签-HTML5精讲 课时ID:6.5 【表严肃】#HTML教程 #HTML5教程 #标题标签 ，你不是一个人。 是什么 ，，，，，都是标题标签，用于概括页面中的部分的内容，其中最大，其次，依次类推，没有。 show...

    blankyao 评论0 收藏0

发表评论

登陆后可评论

0条评论

smallStone

男|高级讲师
我要私信

TA的文章

阅读更多

云社区相关服务

提问 提问 学习 学习 认证 认证 产品 产品 技术服务 技术服务 售前咨询 售前咨询
最新活动
阅读需要支付1元查看
<