zoukankan      html  css  js  c++  java
  • html笔记

    * 注释:<!-- 注释内容 -->
    * <h1> to <h6>:标题标签
    * h1~h6:字体大小逐渐递减
    * <p>:段落标签
    * <br>:换行标签
    * <hr>:展示一条水平线
    * 属性:
    * color:颜色
    * width:宽度
    * size:高度
    * align:对其方式
    * center:居中
    * left:左对齐
    * right:右对齐
    * <b>:字体加粗
    * <i>:字体斜体
    * <font>:字体标签
    * <center>:文本居中
    * 属性:
    * color:颜色
    * size:大小
    * face:字体

    * 属性定义:
    * color:
    1. 英文单词:red,green,blue
    2. rgb(值1,值2,值3):值的范围:0~255 如 rgb(0,0,255)
    3. #值1值2值3:值的范围:00~FF之间。如: #FF00FF
    * width:
    1. 数值:width='20' ,数值的单位,默认是 px(像素)
    2. 数值%:占比相对于父元素的比例

    <img src="image/jingxuan_2.jpg" align="right" alt="古镇" width="500" height="500"/>
    相对路径
    * 以.开头的路径
    * ./:代表当前目录 ./image/1.jpg
    * ../:代表上一级目录
    <img src="./image/jiangwai_1.jpg">
    <img src="../image/jiangwai_1.jpg">

    * 有序列表:
    * ol:
    * li:
    * 无序列表:
    * ul:
    * li:
    链接标签:
    * a:定义一个超链接
    * 属性:
    * href:指定访问资源的URL(统一资源定位符)
    * target:指定打开资源的方式
    * _self:默认值,在当前页面打开
    * _blank:在空白页面打开

    div和span:
    * div:每一个div占满一整行。块级标签
    * span:文本信息在一行展示,行内标签 内联标签

    语义化标签:html5中为了提高程序的可读性,提供了一些标签。
    <header>:页眉
    <footer>:页脚


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

    如果某一行只有一个单元格,则使用<tr><td></td></tr>
    如果某一行有多个单元格,则使用
    <tr>
    <td>
    <table></table>
    </td>
    </tr>

  • 相关阅读:
    [LeetCode] 56. Merge Intervals 解题思路
    [LeetCode] 128. Longest Consecutive Sequence 解题思路
    [LeetCode] Subsets I (78) & II (90) 解题思路,即全组合算法
    linux安装PHP7以及扩展
    php安装composer
    细说PHP中strlen和mb_strlen的区别
    mysql一些简单操作
    mysql数据库使用Navicat时向Navicat导入sql文件时某字段过大时的处理
    JS中||的某些用法
    PHP验证身份信息
  • 原文地址:https://www.cnblogs.com/hk18181358129/p/12562153.html
Copyright © 2011-2022 走看看