zoukankan      html  css  js  c++  java
  • html基础标签记忆解释

    <head>

    1、指定字符集
    <met charset="utf-8">
    2、页面描述
    <meta name="Description" content="具体描述。。。">
    3、关键字:有助于搜索引擎SEC优化,再怎么优化也抵不过竞价排名
    <meta name="Keywords" content="网易,邮箱,游戏,新闻">
    4、3秒后跳转
    <meta http-equiv="refresh" content="3,http://www.baidu.com">
    5、三秒刷新
    <meta http-equiv="refresh" content="3">
    1、标题
    <title>百度一下,你就知道</title>
    2、网站的图标
    <link rel="icon" href="图标地址">
    3、定义内部样式
    <style></style>
    4、引入外部样式文件
    <link rel="stylesheet" href="mystyle.css">
    5、定义JavaScript代码或引入JavaScript文件
    <script src="hello.js"></script> 
    </head>

    <body>
    <br> 换行标签
    <hr> 分割线
    <font>修改文字大小,颜色,被废弃</font>
    <b>加粗</b>
    <u>下划线</u>
    <i>倾斜</i>
    <s>删除线</s>
    <strong>强调性文字</strong>
    <isn>插入文字(带下划线)</isn>
    <em>普通强调性文字</em>
    <del>被删除文字</del>
    特殊符号对照表http://tool.chinaz.com/Tools/HtmlChar.aspx
    <h1>一级标题</h1><h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <p>段落</p>
    <img src="图片地址" alt="图片加载失败时显示的内容" title="鼠标悬停到图片上时显示的内容">用于插入图片
    <a href="跳转的目标页面地址" target="是否在新页面中打开,_blank" title="鼠标悬浮显示的内容">需要展现给用户查看的内容,也可以是图片 </a>
    <base target="_blank">
    a标签用于超链接,可以在head标签内新增一个base标签进行统一设置,如果没有a标签中设置target,就会参照base标签进行执行
    点击后不会跳转的连接,我们称之为假连接
    href ='#' 假连接,点击后自动回到网页的顶部
    href ='javascript:':不会返回顶部
    跳到首页
    href="" 刷新页面回到顶部
    href="#"直接回到顶部
    页面内锚点
    在字段中加id
    <p id="船">扬帆起航</p>
    <a href="#船">找id为船的那个字段,要加#</a>
    自定义列表
    dl 自定义列表标签
    dt 自定义标题标签
    dd 自定义描述标签
    <dl>
    <dt>自定义标签</dt>
    <dd>自定义描述1</dd>
    <dd>自定义描述2</dd>
    </dl>
    table 标签,表的显示
    <table border="1px" bgcolor="#9400d3"> 表标签 border为边框宽度,默认为0,bgcolor色彩标签

    <caption>表的标题</caption>

    <thead>
    特点:专门用来存储每一列的标题,只要将当前列的标题存储在这个标签中就会自动居中+加粗文字
    <tr>
    <th>标题名</th>
    <th>标题名2</th>
    <th>标题名3</th>
    </tr>
    </thead>

    <tbody>表格的主体内容,没有浏览器会自动添加,如果指定高度,就不会随着表的内容而改变高度
    <tr bgcolor="white"> 行标签
    <td bgcolor="white"></td> 单元标签
    <td></td>
    </tr>
    </tbody>

    <tfoot>表格的结尾内容
    <tr>
    <td></td>
    <td></td>
    </tr>
    </tfoot>

    </table>
    水平对齐align可以给table、tr、td标签设置
    垂直对齐valign只能给tr、td标签设置
    外边距:单元格与单元格之间的间隔,cellspacing="3px",默认值为2px
    内边距:单元格边框与文字之间的距离:cellpadding="200px"
    细线表格的制作方式:
    1、给table标签设置bgcolor
    2、给tr标签设置bgcolor
    3、给table标签设置cellspacing="1px"
    原理用不同的色差形成细线
    colspan 单元水平合并
    rowspan 单元垂直合并

    <form action="指定向何处发送表单数据" method="取值,get在地址中显示,post不在地址中显示,数据大小不限" > 表单标签,用于专门采集数据
    <fieldset>添加边框
    <legend>跟边框连用的文字信息</legend>
    <p>
    <inptu type="下方多个类型介绍" name="指定提交数据的key" id="1"
    value="指定提交数据的value或设置默认值" placeholder="暗淡字提示用户的值"
    disabled="禁用该控件,不会提交任何关于该控件的数据">接受用户输入或搜集用户信息
    type后跟的类型:
    text 输入时显示
    password 输入时不显示明文
    radio 单选框选项 后面配合 checked 可设置默认的单选框
    checkbox 复选框(多选框)后面配合 checked 可设置默认的单选框
    button 普通按钮 需要绑定onclick用
    submit 自动提交按钮,value 设置按钮的文字
    reset 把表单中填写好的数据清除 同样可以用value设置按钮文字

    </inptu>
    <input type="radio" name="gender" value="male" id="gender1"><label for="gender1">男</label>
    label用于关联文本与表单元素,实现点击文本时,如同点击表单元素一样
    上方单选功能,就是把男这个字符关联了,点到男这个字符跟点到单选那个框框一样
    <textarea name="提交数据的key" id="id" cols="文本框宽度" rows="文本框行数">文本框内部文字</textarea>
    <select name="" id="" size="取值大于1则为滚动类别,否则就是下拉类别" multiple="设置多选"> 下拉列表
    <optgroup>设置提示信息</optgroup>
    <option value="">设置选的值1</option>
    <option>设置选的值2</option>
    <option value="" selected="默认值"></option>
    </select>
    </p>
    </fieldset>
    </form>
    </body>

  • 相关阅读:
    两种常用的启动和关闭MySQL服务
    磁盘分区(20G升50G)
    Google的一些功能和软件
    Google辅助类软件
    Google协作平台
    Google邮箱:Gmail国际顶级邮箱
    Google表单
    Google幻灯片
    在VC/MFC中嵌入Google地图——图文并茂
    与走在创业路上的学子交流——记网维“海大快点”创业团队
  • 原文地址:https://www.cnblogs.com/yangli0504/p/9087733.html
Copyright © 2011-2022 走看看