• 网页 HTML


    HTML--超文本标记语言Hyper Text Markup Language。

    一,常规标签

    (1)格式控制(记忆模型--Word工具栏)

    <b></b>加粗,<i></i>倾斜<u></U>下划线,<br>回车,<strike></strike>删除线

    <font color="",size="",face="">字体颜色,大小,名称

    (2)内容容器(记忆模型--腾讯新闻页面)

    <h1></h1>........<h6></h6>----新闻标题

    <p></p>----新闻正文

    <ul></ul><ol></ol><li></li>---相关推荐

    <div></div><span></span>---回到顶部

    二,两个常用标签

    超链接:<a></a>

    (1)超链接<a href="">显示内容</a>   路径: ../表示上一级     ./表示当前路径

    (2)书签<a name="">内容</a>

    图片:<img src="" width="" alt=""/>

    图片超链接:<a><img border="0"/></a>    //在较低版本的IE浏览器里图片会有边框,所以要加一个border属性去掉边框

    三,表格:主要用来布局

    <table></table><tr></tr><td></td>通用的四个属性:backgroud,bgcolor,align,valign

    1,<table>

    必须的四个属性:width,border,cellspacing,cellpadding

    2,<tr>可以设高度

    3,<td>可以设高度和宽度

    两个合并属性:rowspan,colspan

    技巧:如何做出单线的表格来

    (1)把表格的背景色改成黑色或其他颜色,把边框设为0,单元格间距设为1

    (2)把每一行的背景色改为白色

    技巧:复杂页面的布局

    思路:尽量多用表格嵌套(固定一个维度),少用合并单元格

    四,表单

    <form action="" method=""></form>上行数据

    id-不能重复。主要是给css,js等客户端代码调用准备的。
    name-可以重复。主要是给asp.net,asp,php,jsp等服务端技术调用准备的。

    1,文本类

    <input type="text" id="" name="" value=""/>单行文本框

    <input type="password" id="" name="" value=""/>密码框

    <textarea cols="" rows="" id="" name="">在这里输入内容</textarea>多行文本框

    <input type="hidden" id="" name="" value=""/>隐藏域(可用于考试系统,验证所选答案是否与正确答案一致)

    2,选择类

    <input type="radio" id="" name="组名">单选框

    <input type="checkbox" id="" name="组名">复选框

    <input type="file" id="" name="组名">

    <select size="n">  //n=1时为下拉列表,n>1时为菜单

    <option value="每一项的值">每一项显示的内容</option>

    </select>

    3,按钮类

    <input type="button" id="" name="" value="这是个普通按钮">

    <input type="submit" id="" name="" value="这是个提交按钮">

    <input type="image" id="" name="" src="图片按钮上的路径">

    <input type="reset" id="" name="" value="这是个重置按钮">

    五,框架

    1,frameset:去掉body

    <frameset rows=" 100,* " frameborder="no">  //上下分,去掉分隔线(cols为左右分)

    <frame src="" noresize="noresize">  //禁止窗口调整大小

    <frame src="" scrolling="no">   //取消显示滚动条

    </frameset>

    2,iframe

    在原来页面嵌入小窗口显示其他页面

    <iframe src="" width="" height="" frameborder="0" scrolling="no"></iframe>  //如果设置宽和高都为0则不显示,但是在后台会存在这么一个页面,如熊猫烧香病毒

  • 相关阅读:
    codeforces-1139 (div2)
    codeforces-1140 (div2)
    codeforces-1141 (div3)
    第四届CCCC团体程序设计天梯赛 后记
    BZOJ 3674 可持久化并查集
    你能回答这些问题吗
    [JSOI2008]最大数
    关路灯
    愤怒的小鸟
    推销员
  • 原文地址:https://www.cnblogs.com/William-1234/p/4434395.html
Copyright © 2020-2023  润新知