zoukankan      html  css  js  c++  java
  • html

    用来表示一个标题的标签
    <h1></h1>...<h6></h6>
    文字加粗<b></b>
    文字倾斜<i></i>
    下划线<u></u>
    删除线<s></s>
    上标<sup></sup>
    下标<sub></sub>
    文本标签<font></font>
    属性:color颜色
    size大小
    face:字体
    颜色十六进制: 三原色 R G B
    00 00 FF
    FF 00 00
    00 FF 00
    文本标签:<span></span>
    段落标签<p></p>
    水平线 <hr></hr>
    size:高度
    宽度
    color:颜色

    预格式化标签<pre></pre>
    图片标签:<img/>
    这是一个图片标签,它不用闭合
    属性:src 图片的路径
    alt:当图片不显示的时候显示提示性的文字
    titile:鼠标悬停的提示性文字
    width
    height
    border

    路径:
    相对路径
    从当前位置开始到目标文件
    绝对路径
    网络路径
    从盘符开始到目标文件
    超链接标签<a></a>
    它可以链接到任何你想去的地方
    属性:href 目的地址


    锚链接:定义一个锚点,链接到这个点上<本页面>
    <p name="top">顶部</p>
    <pre>
    ....

    </pre>
    <a href="#top">回到顶部</a>
    链接到外部页面的锚点
    <a href="xx.html#ss>锚点</a>

    xx.html:<p name="ss">xx</p>

    有序列表 ol
    无序列表 ul
    列表项 li

    表格:<table>
    border:边框线
    bordercolor:边框颜色
    cellpadding:内间距
    cellspacing:外间距
    表格的宽度
    height:表格的高度
    bgcolor:表格的背景色
    background:背景图片
    行:<tr>
    bgcolor:行的背景色
    bordercolorlight:单元格的左上和表格的右下边框线颜色
    bordercolordark:单元格的右下和表格的左上边框线颜色
    align:行内文字对齐方式
    列:<td>
    bgcolor:单元格的背景色
    background:单元格的背景图片
    align:单元格内文字对齐方式
    height:行高
    列宽
    rowspan:行合并
    colspan:列合并


    **表单:

    表单:<form>
    action:表单要提交的地址
    method:get/post
    get:会把数据追加到URL后边,使用&分割
    post:不会"看到"任何数据
    <input />
    type
    text:普通文本框
    password:密文显示
    radio:单选框,浏览器会把name属性值一致的单选框作为一 组单选按钮
    checked=checked:默认选项
    checkbox:多选框,浏览器会把name属性一致的多选框作为 一组数据
    checked=checked:默认选项
    submit:提交
    reset:重置
    button:按钮
    value:指定文本框的值
    placeholder:提示性信息
    select:下拉列表
    multiple:多选
    option:列表项
    value:指定当前列表项的值
    selected="selected"默认选项
    textarea:文本区域
    style=" ;height: ;"调整文本域大小


    ** 框架标签:它可以把页面分成任意个部分
    frameset
    cols:左右分割屏幕的属性
    rows:上下分割屏幕的属性
    border:分割线的大小

    frame:用来引入要显示的页面
    noresize:不能拖动分割线

    !!注意:使用框架标签,不要body
    rows 页面上下分割,cols页面左右分割
    <frameset rows="130px,*">
    <frame src="top.html" noresize="noresize"/>
    <frameset cols="200px,*">
    <frame src="left.html" noresize="noresize"/>
    <frame src="show.html" name="show"/>
    </frameset>
    </frameset>
    页面跳转:
    <a href="newtell.html" target="show" class="b" id="c">最新通知</a>

    表单的语义化
    <fildset>
    <legend>
    </legend>
    </fildset>

  • 相关阅读:
    SpringBoot返回json和xml
    Spring boot 集成MQ
    Spring boot freemarker 配置
    Spring boot 自定义注解标签记录系统访问日志
    RIDE对应驱动下载
    在线修改pdf识别图片
    记公司食堂收厨余垃圾的人
    [Ruby]使用Ruby抓取网页及加工处理
    [转载]SCSS 和 SASS 和 HAML 和CoffeeScript
    [ACM]反复平方法的两种写法
  • 原文地址:https://www.cnblogs.com/arvins/p/8603755.html
Copyright © 2011-2022 走看看