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

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

               

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



推荐阅读
  • 如何实现织梦DedeCms全站伪静态
    本文介绍了如何通过修改织梦DedeCms源代码来实现全站伪静态,以提高管理和SEO效果。全站伪静态可以避免重复URL的问题,同时通过使用mod_rewrite伪静态模块和.htaccess正则表达式,可以更好地适应搜索引擎的需求。文章还提到了一些相关的技术和工具,如Ubuntu、qt编程、tomcat端口、爬虫、php request根目录等。 ... [详细]
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • Windows下配置PHP5.6的方法及注意事项
    本文介绍了在Windows系统下配置PHP5.6的步骤及注意事项,包括下载PHP5.6、解压并配置IIS、添加模块映射、测试等。同时提供了一些常见问题的解决方法,如下载缺失的msvcr110.dll文件等。通过本文的指导,读者可以轻松地在Windows系统下配置PHP5.6,并解决一些常见的配置问题。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 深入理解CSS中的margin属性及其应用场景
    本文主要介绍了CSS中的margin属性及其应用场景,包括垂直外边距合并、padding的使用时机、行内替换元素与费替换元素的区别、margin的基线、盒子的物理大小、显示大小、逻辑大小等知识点。通过深入理解这些概念,读者可以更好地掌握margin的用法和原理。同时,文中提供了一些相关的文档和规范供读者参考。 ... [详细]
  • 本文内容为asp.net微信公众平台开发的目录汇总,包括数据库设计、多层架构框架搭建和入口实现、微信消息封装及反射赋值、关注事件、用户记录、回复文本消息、图文消息、服务搭建(接入)、自定义菜单等。同时提供了示例代码和相关的后台管理功能。内容涵盖了多个方面,适合综合运用。 ... [详细]
  • 本文详细介绍了SQL日志收缩的方法,包括截断日志和删除不需要的旧日志记录。通过备份日志和使用DBCC SHRINKFILE命令可以实现日志的收缩。同时,还介绍了截断日志的原理和注意事项,包括不能截断事务日志的活动部分和MinLSN的确定方法。通过本文的方法,可以有效减小逻辑日志的大小,提高数据库的性能。 ... [详细]
  • 本文介绍了在Python3中如何使用选择文件对话框的格式打开和保存图片的方法。通过使用tkinter库中的filedialog模块的asksaveasfilename和askopenfilename函数,可以方便地选择要打开或保存的图片文件,并进行相关操作。具体的代码示例和操作步骤也被提供。 ... [详细]
  • 目录实现效果:实现环境实现方法一:基本思路主要代码JavaScript代码总结方法二主要代码总结方法三基本思路主要代码JavaScriptHTML总结实 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文介绍了在Vue项目中如何结合Element UI解决连续上传多张图片及图片编辑的问题。作者强调了在编码前要明确需求和所需要的结果,并详细描述了自己的代码实现过程。 ... [详细]
  • 本文介绍了南邮ctf-web的writeup,包括签到题和md5 collision。在CTF比赛和渗透测试中,可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型,可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]
  • 如何在php中将mysql查询结果赋值给变量
    本文介绍了在php中将mysql查询结果赋值给变量的方法,包括从mysql表中查询count(学号)并赋值给一个变量,以及如何将sql中查询单条结果赋值给php页面的一个变量。同时还讨论了php调用mysql查询结果到变量的方法,并提供了示例代码。 ... [详细]
  • PDO MySQL
    PDOMySQL如果文章有成千上万篇,该怎样保存?数据保存有多种方式,比如单机文件、单机数据库(SQLite)、网络数据库(MySQL、MariaDB)等等。根据项目来选择,做We ... [详细]
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社区 版权所有