热门标签 | 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元素会创建包含另一个文档的内联框架(即行内框架)

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

               

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



推荐阅读
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • PHP 编程疑难解析与知识点汇总
    本文详细解答了 PHP 编程中的常见问题,并提供了丰富的代码示例和解决方案,帮助开发者更好地理解和应用 PHP 知识。 ... [详细]
  • 本文介绍了如何利用JavaScript或jQuery来判断网页中的文本框是否处于焦点状态,以及如何检测鼠标是否悬停在指定的HTML元素上。 ... [详细]
  • 深入理解Tornado模板系统
    本文详细介绍了Tornado框架中模板系统的使用方法。Tornado自带的轻量级、高效且灵活的模板语言位于tornado.template模块,支持嵌入Python代码片段,帮助开发者快速构建动态网页。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 本文深入探讨 MyBatis 中动态 SQL 的使用方法,包括 if/where、trim 自定义字符串截取规则、choose 分支选择、封装查询和修改条件的 where/set 标签、批量处理的 foreach 标签以及内置参数和 bind 的用法。 ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • 在Ubuntu 16.04 LTS上配置Qt Creator开发环境
    本文详细介绍了如何在Ubuntu 16.04 LTS系统中安装和配置Qt Creator,涵盖了从下载到安装的全过程,并提供了常见问题的解决方案。 ... [详细]
  • Python自动化处理:从Word文档提取内容并生成带水印的PDF
    本文介绍如何利用Python实现从特定网站下载Word文档,去除水印并添加自定义水印,最终将文档转换为PDF格式。该方法适用于批量处理和自动化需求。 ... [详细]
  • XNA 3.0 游戏编程:从 XML 文件加载数据
    本文介绍如何在 XNA 3.0 游戏项目中从 XML 文件加载数据。我们将探讨如何将 XML 数据序列化为二进制文件,并通过内容管道加载到游戏中。此外,还会涉及自定义类型读取器和写入器的实现。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • 深入理解 SQL 视图、存储过程与事务
    本文详细介绍了SQL中的视图、存储过程和事务的概念及应用。视图为用户提供了一种灵活的数据查询方式,存储过程则封装了复杂的SQL逻辑,而事务确保了数据库操作的完整性和一致性。 ... [详细]
  • 本文详细介绍了如何使用Python编写爬虫程序,从豆瓣电影Top250页面抓取电影信息。文章涵盖了从基础的网页请求到处理反爬虫机制,再到多页数据抓取的全过程,并提供了完整的代码示例。 ... [详细]
  • DNN Community 和 Professional 版本的主要差异
    本文详细解析了 DotNetNuke (DNN) 的两种主要版本:Community 和 Professional。通过对比两者的功能和附加组件,帮助用户选择最适合其需求的版本。 ... [详细]
  • MySQL中枚举类型的所有可能值获取方法
    本文介绍了一种在MySQL数据库中查询枚举(ENUM)类型字段所有可能取值的方法,帮助开发者更好地理解和利用这一数据类型。 ... [详细]
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社区 版权所有