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

HTML:基础标签及属性(备份)

基本标签 创建一个HTML文档设置文档标题以及其他不在WEB网页上显示的信息设置文档的可见部分标题标签将文档的题目放在标题栏中文档整体属性设置背景颜色,使用名字或十六进制值设置文本文字颜色,使用名字或十六进制值设置链接颜色,使用
基 本 标 签
   创建一个HTML文档
  设置文档标题以及其他不在WEB网页上显示的信息
  设置文档的可见部分
  标 题 标 签

  将文档的题目放在标题栏中
  文 档 整 体 属 性
  设置背景颜色,使用名字或十六进制值
  设置文本文字颜色,使用名字或十六进制值
  设置链接颜色,使用名字或十六进制值
  设置已使用的链接的颜色,使用名字或十六进制值
  设置正在被击中的链接的颜色,使用名字或十六进制值
  文 本 标 签
  创建预格式化文本
 
  创建最大的标题
  创建最小的标题

  创建黑体字
  创建斜体字
  创建打字机风格的字体
  创建一个引用,通常是斜体
  加重一个单词(通常是斜体加黑体)
  加重一个单词(通常是斜体加黑体)
  设置字体大小,从1到7
  设置字体的颜色,使用名字或十六进制值
  链 接
  
  创建一个超链接   创建一个自动发送电子邮件的链接   创建一个位于文档内部的靶位
  创建一个指向位于文档内部靶位的链接   格 式 排 版
  创建一个新的段落


  将段落按左、中、右对齐


  插入一个回车换行符

  从两边缩进文本


  

  创建一个定义列表

  放在每个定义术语词之前

  放在每个定义之前

  创建一个标有数字的列表

      放在每个数字列表项之前,并加上一个数字

  1.   创建一个标有圆点的列表

        放在每个圆点列表项之前,并加上一个圆点

    •   一个用来排版大块HTML段落的标签,也用于格式化表

        图 形 元 素
        
        添加一个图像
        排列对齐一个图像:左中右或上中下
        设置围绕一个图像的边框的大小
        加入一条水平线

        设置水平线的大小(高度)

        设置水平线的宽度(百分比或绝对像素点)

        创建一个没有阴影的水平线

        表 格
        创建一个表格

        开始表格中的每一行
        开始一行中的每一个格子
        设置表格头:一个通常使用黑体居中文字的格子
        表 格 属 性
        设置围绕表格的边框的宽度
        设置表格格子之间空间的大小

        设置表格格子边框与其内部内容之间空间的大小

        设置表格的宽度-用绝对像素值或文档总宽度的百分比

        设置表格格子的水平对齐(左中右) or or 定义表格的数据域位
        定义一个用于用户多行输入的表单元素
      1.name 指定文本域的名称
      2.rows 指定文本域的高度
      3.cols 指定文本域的宽度
      定义了一个选项列表表单元素 1.name 指定选取项列表的名称
      2.size 指定列表选项显示时一次显示选项的数目
      3.multiple使用该属性可以允许多重选择
      4.value 指定当该选项被选中并提交后,浏览器传给服务器的数据
      5.selected 指定哪一个选项在默认状态下是选中状态

      选中该控件


      创建一些滚动字幕
      1.direction(方向 left right up down)
      2.behavior (行为   scroll绕圈滚动 slide只滚一次 alternate来回滚动)
      3.loop (循环)
      4.scrollamount(滚动的速度)
      5.scrolldelay(滚动延时)
      6.align(对齐方式 top middle bottom)
      7.bgcolor
      8.height,width
      9.hspace,vspace(垂直和水平间距)

       

      applet用来在网页中插入一个Java小应用程序对象
      1.code(源代码) 指定Java小应用程序的源代码文件(.class文件)
      2.name
      3.width,height
      4.align

      param用来定义Java小应用程序中的参数
      1.name
      2.value(值)给变量赋值
      3.valuetype(值类型 data表示value指定的值将作为一个字符串传递的对象
              ref表示value指定的值是一个URL
              object表示value指定的值是一个指向同一文档中一个object的标志符)
      4.type(类型)当valuetype属性的值设置为ref时,此属性指定了URL所代表资源的内容类型

       

      object可以定义很多种不同的多媒体文件
      1.classid:该属性指定了浏览器中用来播放相应多媒体对象的控件ID
      2.codebase:定义多媒体文件相对位置的根目录
      3.codetype:指定当下载由classid所指定的对象时使用的数据内容的类型
      4.data:定义多媒体文件的位置
      5.type:定义多媒体文件的类型
      6.width,height

      selector{property1:value1;property2:value2......}selector表示需要应用式样的对象
           property表示由css标准定义的样式属性
           value表示样式赂性的值


      例:h2{text-align:center;font-family:楷体_gb2312}
      selector.classname{property1:value1;......} 标记符类
      .classname{property:value;......} 通用类
      #IDname{property:value;......}用户定义ID

      虚类

      a:link或:link 当超链接末被访问过时,超链接的显示方式
      a:visited或:visited 当超链接已经被访问过时,超链接的显示方式
      a:active或:active当超链接当前为选中姿态时,超链接的显示方式
      a:hover或:hover 当鼠标指针悬停在超链接上时,超链接的显示方式
      例:   a:link{color:blue}


      长度单位

      1.em:它所代表的长度是当前字体中m字母的宽度
      2.ex:它所代表的长度是当前字体中x字母的高度
      3.px:像素,它是相对于计算机屏幕的分辨率来定义的
      in:英寸,1in=2.54cm 1cm=10mm 
      pt:点,1点=1/72in   pc:帕 1帕=12点

      font-family(字体族)

      font-family:字体名称 | 字体族名称
         例:p{font-family:黑体,宋体,serif}
      font-style(字体风格)

      font-style:字体风格名称
         例: p{font-style:oblique}
      font-size(字体大小)
      font-size:绝对大小 | 相对大小 | 百分比


      font-variant(字体变形)

      font-varient:字体变形值
      1.normal(普通)
      2.small-caps(小型大写字母)


      font-weight(字体加粗)

      font-weight:字体加粗值
      1.normal(普通)
      2.bold(加粗)
      3.bolder(更粗)
      4.lighter(更细)

      letter-spacing(字符间距)

      letter-spacing:数值


      text-decoration(文字修饰)

      text-decoration:文字修饰效果
      1.none 无
      2.underline 下划线
      3.overline 上划线
      4.line-through 删除线
      5.bink 闪烁
       

      text-transform(文本转换)

      text-transform:文本转换方式
      1.none 无
      2.capitalize 使所有单词的第一个字母大写
      3.uppercase 使所有单词字母都大写
      4.lowercase 使所有单词字母都小写


      text-align(文本对齐方式)

      text-align:对齐方式
      1.left
      2.right
      3.justify 可调整

      text-indent(文本缩放)

      text-indent:缩放的数值
      line-height(行高)
      line-height:数值

      margin(页边距)

      margin:数值
      padding(填充距)
      padding:数值
      例: table{padding:2cm 3cm 5cm}上填充距2cm,左右填充距为3cm,下填充距5cm


      border-style(边框样式)

      border-style:边框样式
      1.none
      2.dotted 点线
      3.dashed 虚线
      4.solid 实线
      5.double 
      6.groove 凹线
      7.ridge 凸线
      8.inset 内陷
      9.outset 外凸 
       

      border-color(边框颜色)

      border-color: 颜色值
      border-width(边框宽度)
      border-width:数值
      1.thin 细
      2.medium 中
      3.thick 宽

      border(边框)

      border:边框样式|边框宽度|边框颜色
      例: h1{border:5px solid red}

      float(浮动)

      float:参数
      1.none
      2.left
      3.right

      PS:此文仅为备份所用
       


      推荐阅读
      • 本文探讨了Web开发与游戏开发之间的主要区别,旨在帮助开发者更好地理解两种开发领域的特性和需求。文章基于作者的实际经验和网络资料整理而成。 ... [详细]
      • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
      • 深入理解Cookie与Session会话管理
        本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
      • 在Linux系统中配置并启动ActiveMQ
        本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
      • 本文介绍如何通过Windows批处理脚本定期检查并重启Java应用程序,确保其持续稳定运行。脚本每30分钟检查一次,并在需要时重启Java程序。同时,它会将任务结果发送到Redis。 ... [详细]
      • 本文介绍如何通过SQL查询从JDE(JD Edwards)系统中提取所有字典数据,涵盖关键表的关联和字段选择。具体包括F0004和F0005系列表的数据提取方法。 ... [详细]
      • 本文将深入探讨PHP编程语言的基本概念,并解释PHP概念股的含义。通过详细解析,帮助读者理解PHP在Web开发和股票市场中的重要性。 ... [详细]
      • 深入理解小程序中的Picker组件
        Picker组件是一种从屏幕底部弹出的滚动选择器,支持多种选择模式,包括普通选择器、多列选择器、时间选择器、日期选择器和省市区选择器。本文将详细介绍Picker的各种属性及其应用场景。 ... [详细]
      • 在Linux系统上构建Web服务器的详细步骤
        本文详细介绍了如何在Linux系统上搭建Web服务器的过程,包括安装Apache、PHP和MySQL等关键组件,以及遇到的一些常见问题及其解决方案。 ... [详细]
      • 本文详细介绍了如何通过命令行启动MySQL服务,包括打开命令提示符窗口、进入MySQL的bin目录、输入正确的连接命令以及注意事项。文中还提供了更多相关命令的资源链接。 ... [详细]
      • 使用JS、HTML5和C3创建自定义弹出窗口
        本文介绍如何结合JavaScript、HTML5和C3.js来实现一个功能丰富的自定义弹出窗口。通过具体的代码示例,详细讲解了实现过程中的关键步骤和技术要点。 ... [详细]
      • 程序员如何优雅应对35岁职业转型?这里有深度解析
        本文探讨了程序员在职业生涯中如何通过不断学习和技能提升,优雅地应对35岁左右的职业转型挑战。我们将深入分析当前热门技术趋势,并提供实用的学习路径。 ... [详细]
      • 在项目中使用 Redis 时,了解其不同架构模式(如单节点、主从复制、哨兵模式和集群)对于确保系统的高可用性和扩展性至关重要。本文将详细探讨这些模式的特点和应用场景。 ... [详细]
      • 本文档汇总了Python编程的基础与高级面试题目,涵盖语言特性、数据结构、算法以及Web开发等多个方面,旨在帮助开发者全面掌握Python核心知识。 ... [详细]
      • 深入探讨ASP.NET中的OAuth、JWT与OpenID Connect
        本文作为前文关于OAuth2.0和使用.NET实现OAuth身份验证的补充,详细阐述了OAuth与JWT及OpenID Connect之间的关系和差异,旨在提供更全面的理解。 ... [详细]
      author-avatar
      mobiledu2502891487
      这个家伙很懒,什么也没留下!
      PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
      Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有
           

        设置表格格子的垂直对齐(上中下)

        设置一个表格格子应跨占的列数(缺省为1)

        设置一个表格格子应跨占的行数(缺省为1)

        禁止表格格子内的内容自动断行回卷

        窗 框
        放在一个窗框文档的标签之前,也可以嵌在其他窗框文档中
        定义一个窗框内的行数,可以使用绝对像素值或高度的百分比 划分分割窗口
        

      ~

      设定文字大小
         标示文件信息
        
      加上分网格线
         文件的开始与结束
         斜体字
         调整图形影像的位置
         为你的图形影像加注
         加入影片
         插入图片并预设图形大小
         插入图片并预设图形的左右边界
         预载图片功能
         设定图片边界
         插入图片
         插入图片并预设图形的上下边界
         在窗体中加入输入字段
         定义查询用窗体
        ... 表示使用者输入文字
        
    • ...
    • 列表的项目 ( 可指定符号 )
         跑马灯效果
        ... 条列文字卷标
         自动更新文件内容
         可同时选择多项的列表栏
         定义不出现分割窗口的文字
        
        ...
      有序号的列表
        
      调整表格字段之左右对齐
        
      设定表格字段之背景颜色
        
      表格字段的合并
        
      设定表格字段不换行
        
      调整表格字段之上下对齐
        
      调整表格字段宽度
        
      ...