热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

html的一些基础标签

 br:标签换行,单个使用h:标签标题字体,如:标题1,标题2p:标签段落元素,表示是一段段落内容hr:标签在HTML页面中创建一条水平分割线,在

 

br:标签换行,单个使用

h:标签标题字体,如:标题1,

标题2

p:标签段落元素,表示是一段段落内容

hr:标签在HTML页面中创建一条水平分割线,在HTML中


标签是单个出现的

块标签

div标签:标签块元素,表示一块内容,没有具体的语义

    div标签可以把文档分割为独立的、不同的部分,可以用作严格的组织工具,并且不使用任何格式与其关联

span标签:行内元素,表示一行中的一小段内容,没有具体的语义

    span没有固定的格式表现,当对它应用样式时,才会产生视觉上的变化

a:标签链接,如:百度

img:标签img元素向网页中嵌入一张图片,标签中有两个必需的属性:src和alt属性,如:百度的图片,属性alt表示页面加载不出图片时,显示的文字

select:标签select元素可创建单选或多选菜单,也可以用于选择数据提交表单

    标签的菜单或是滚动列表中的一个元素显示;

    option元素位于select元素内部

含样式和语义的行内标签

行内元素,字体斜体

行内元素,语义为强调内容,表示重要(倾斜效果)

行内元素,字体加粗

行内元素,语义为强调内容,表示非常重要(效果加粗)

 

列表

有序列表

在网页上定义一个有编号的内容列表可以用

  1. 配合使用实现,在网页上生成的列表,每条项目上会按1、2、3编号,有序列表在实际开发中较少使用

    如:

        

    1. 列表文字一
    2.   

    3. 列表文字二
    4.   

    5. 列表文字三
      1.  

        无序列表

        在网页上定义一个无编号的内容列表可以用

        • 配合使用实现,在网页上生成的列表,每条项目上会有一个小实点图标

          如:

              

          • 列表文字一
          •   

          • 列表文字二
          •   

          • 列表文字三
            •       

               

               

               表格

              table:标签定义HTML表格

              简单的HTML表格由table元素以及一个或多个tr、th或td元素组成。tr元素定义表格行,th元素定义表头,td元素定义表格单元

               

               

              HTML表单

              1、form标签

              form:标签用于用户创建HTML表单,表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等

              form标签的属性:

                action:定义表单数据提交地址

                method:定义表单提交的方法(常见的有get和post)

              form表单中包含的元素:

                label:为表单元素定义文字标注

                input:定义通用的表单元素

                textarea:定义多行文本输入框

                select:定义下拉表单元素

                option:与select标签配合,定义下拉表单元素中的选项

               input:定义输入的表单元素

                  type属性:

                    text:定义单行文本输入框

                    password:定义密码输入框

                    radio:定义单选框

                    checkbox:定义复选框

                    file:定义上传文件

                    submit:定义提交按钮

                    button:定义一个普通按钮

                    reset:定义重置按钮

                    image:定义图片作为提交按钮,用src属性定义图片地址

                    hidden:定义一个隐藏的表单域,用来存储值

               

               

              内联框架

              iframe元素会创建包含另一个文档的内联框架(即行内框架)

              如:将登录页面的内容链接到当前页面

               

              有更好的建议,欢迎留言啊~



推荐阅读
author-avatar
cl357_475
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有