html常用标签及属性,常用英语单词

目录

  • html常用标签
  • html常用标签属性
  • 前端常用英语单词表(未完待续)

欢迎评论点赞交流,转发请添加原博客连接谢谢!
Ctrl键+F 可以查找你想要的内容哦!

html常用标签

  • htmi结构
 

 
    
    Title



  • HTML全称HyperText Mackeup Language,超文本标记语言。比如网页的超链接、图片、音频、视频都称为超文本。
标签 作用
文档声明
注释
最外层的标签
元素包含了所有的头部标签元素
描述了一些基本的元数据。{单闭合}
标签定义了不同文档的标题。
可见的页面内容
定义客户端脚本

标题标签,数字越小字体越大{独行}

段落标签{独行}
(已废弃) 强调,粗体
(已废弃) 斜体
斜体
图片标签
超链接
表单
表格
表格中的行
表格的单元格
加粗的单元格
表格的标签
表格的标签
表格的标签
输入框
下拉列表
定义下拉列表中的一个选项
多行文本输入框
定义首字母缩写
定义首字母缩写
input元素定义标签,进行关系绑定
文档与外部资源的关系
内部样式表与网页的关系
(已废弃) 规定文本字体、大小和颜色
下划线
(已废弃) 中划线
字体加粗
上标
下标
文档中的分区
组合文档中的行内元素

(已废弃)
强制换行{单}

分割线
内容居中
预定义
    无序列表
      有序列表
      定义列表
    1. 列表项
      特殊符号 表示意思
        空格
      < 小于号
      > 大于号
      & 符号&
      " 双引号
      ' 单引号
      © 版权©
      商标™
      在早先发布的html规范中
      /
      /等标记元素是无需“封闭自身”的,这就造成了html规范本身的不严谨, 所以后来参考了更规范的XML语言的语法推出了xhtml。在xhtml中所有类似br这样的孤立标签都需要自行封闭, 具体的做法就是在标签名字的后面跟个“/”,例如
      ,因此,是没有
      这个写法的。 从逻辑上讲
      =
      ...
      ,这样做的目的是为了尽量减少网页的代码量,同时保持逻辑严谨。 所以在写这些单闭合标签,后边尽量加/如,
      ,
      ,让逻辑更加严谨.

      如果还想知道其它的HTML特殊字符:特殊字符参考表

      html常用标签属性

      
      ...普通卷动
      ...滑动
      ...预设卷动
      ...来回卷动
      ...向下卷动
      ...向上卷动
      向右卷动
      向左卷动
      ...卷动次数
      ...设定宽度
      ...设定高度
      ...设定背景颜色
      ...设定滚动速度
      ...设定卷动时间
      ...鼠标经过上面时停止滚动
      ...鼠标离开时开始滚动 
      
      
      (预设好连结路径) 
      外部连结 
      外部连结(另开新视窗) 
      外部连结(全视窗连结) 
      外部连结(在指定页框连结) 
      A 所有超连接
      A:link 超连接文字格式
      A:visited 浏览过的连接文字格式
      A:active 按下连接的格式
      A:hover 鼠标移至连接
      
      
      贴图 
      设定图片宽度 
      设定图片高度  (提醒:当之定义高或者宽时,图片会按照比例缩放)
      ’提示文字’图片不显示的时候显示的文字
      设定图片边框 
      背景音乐设定 
      图片正常显示的时候鼠标放到图片上时显示的文字
      (补充:)align:值有left、right、top(图片顶部与文字对齐)、bottom(图片底部与文字对齐)
      middle(图片中间与文字对齐)
      border属性定义图片边框的宽度,默认值为0 
      align属性设置图片旁边文字的位置
      语法格式: 
      可选值有: 
      top图片和文字顶部对齐
      middle图片和文字居中对齐
      bottom图片和文字底边对齐(默认)
      left图片居左对齐,文字沿图片绕排
      right图片居右对齐,文字沿图片绕排
      absmiddle图片对齐到目前文字行绝对中央
      absbottom图片对齐到目前文字行绝对底部    
      
      
      ...
      表格位置,置左 ...
      表格位置,置中 ...
      背景图片的URL=就是路径网址 ...
      设定表格边框大小(使用数字) ...
      设定表格的背景颜色 ...
      设定表格边框的颜色 ...
      设定表格暗边框的颜色 ...
      设定表格亮边框的颜色 ...
      指定内容与格线之间的间距(使用数字) ...
      指定格线与格线之间的距离(使用数字) ...
      指定表格的栏数 ...
      设定表格外框线的显示方式 ...
      指定表格的宽度大小(使用数字) ...
      指定表格的高度大小(使用数字) ...指定储存格合并栏的栏数(使用数字) ...指定储存格合并列的列数(使用数字) 字体大小可选值为1——7,默认为3 例:〈fontface="黑体"size="4" color="#ff00ff">.... <--div属性--> color : #999999 文字颜色 font-family : 宋体 文字字型 font-size : 10pt 文字大小 font-style:itelic 文字斜体育 font-variant:small-caps 小字体 letter-spacing : 1pt 文字间距 line-height : 200% 设定行高 font-weight:bold 文字粗体 vertical-align:sub 下标字 vertical-align:super 上标字 text-decoration:line-through 加?h除线 text-decoration:overline 加顶线 text-decoration:underline 加底线 text-decoration:none ?h除连接底线 text-transform : capitalize 首字大写 text-transform : uppercase 英文大写 text-transform : lowercase 英文写 text-align:right 文字*右对齐 text-align:left 文字*左对齐 text-align:center 文字置中对齐 这些是一些简单的文字效果,可以应用到css的页面中。 background-color:black 背景颜色 background-image : url(image/bg.gif) 背景图片 background-attachment : fixed 固定背景 background-repeat : repeat 重复排列-网页预设 background-repeat : no-repeat 不重复排列 background-repeat : repeat-x 在x轴重复排列 background-repeat : repeat-y 在y轴重复排列 background-position : 90% 90% 背景图片x与y轴的位置 border-top : 1px solid black 上框 border-bottom : 1px solid #6699cc 下框 border-left : 1px solid #6699cc 左框 border-right : 1px solid #6699cc 右框 border: 1px solid #6699cc 四边框 虚线