HTML相关标签

ゝ一纸荒年。 2024-03-26 20:08 65阅读 0赞

#### HTML相关标签 ####

*  标签和属性
 *   *   *  文件标签
         *  文本标签
         *  图片标签
         *  列表标签
         *  链接标签
         *  块标签
         *  语义化标签
         *  表格标签

## 标签和属性 ##

#### 文件标签 ####

*      <html>: html文档的根标签
 *      <head>: 头标签  用于指定html文档的一些属性  引入外部资源
 *      <title>: 标题标签
 *      <body>: 体标签
 *      <!DOCTYPE>: html5中定义该文档是html文档

#### 文本标签 ####

*      注释:
 *      <h1> to <h6> : 标题标签
 *      <p> : 段落标签
 *      <br>  : 换行标签
 *      <hr> : 展示一条水平线
    
     *  属性:
        
         *  color : 颜色
         *  width : 宽度
         *  size : 高度
         *  align : 对齐方式
            
             *  center : 居中
             *  left : 左对齐
             *  right : 左对齐
 *      <b> : 字体加粗
 *      <i> : 字体斜体
 *      <font> 字体标签
    
     *  属性
        
         *  color : 颜色
         *  size : 大小
         *  face : 字体
 *      <center>
 *  属性定义
    
     *  color:
        
         *  英文单词 : red green blue …
         *  rgb(值,1值2,值3) : 值得范围 : 0~255 如 : rgb(0,0,255\_
         *  \#值1值2值3 : 值的范围 : 00~FF之间 如 : \#FF00FF
     *  width:
        
         *  数值 : width=“20” ,数值单位默认是px(像素)
         *  数值%: 占比相对于父元素的比例

#### 图片标签 ####

*      <img src="路径" alt="图片显示不出来时的图片名字">
 *  绝对路径
    
     *  以盘符开始的路径
 *  相对路径
    
     *  相对于此html文件
     *  ./ 代表当前目录
     *  …/ 代表上一级目录
     *  什么都不写 相当于./

#### 列表标签 ####

*  有序列表
    
     *  ol
        
         *  属性: type = “A” “a” “I” “i” “1”
     *  li
 *  无序列表
    
     *  ul
     *  li

#### 链接标签 ####

*  a : 定义一个超链接
    
     *  属性:
        
         *  href :指定访问资源URL
         *  target: 指定打开资源方式
            
             *  \_self:默认值,在当前页面打开
             *  \_blank:在空白页面打开

#### 块标签 ####

*      <div>   每一个div占满一整行  块级标签
 *      <span>    文本信息在一行展示  行内标签   内联标签

#### 语义化标签 ####

*  页眉
 *  页脚

#### 表格标签 ####

*  table 定义表格
    
     *  width :宽度
     *  border :边框
     *  cellpadding :定义内容和单元格的
     *  cellspacing :定义单元格之间的距离 如果指定为 则单元格的会合为一条
     *  bgcolor :背景色
     *  align :对齐方式
 *  tr 定义行
    
     *  bgcolor :背景色
     *  align :对齐方式
 *  td 定义单元格
    
     *  colspan :合并列
     *  rowspan :合并行
 *  th 定义表头单元格
 *  :表格标题
 *  :表示表格的头部分
 *  :表示表格的体部分
 *  表示表格的脚部分