zoukankan      html  css  js  c++  java
  • html

    网页三部分:HTML CSS JavaScript
     一、body
    bgcolor:背景颜色      background:设置背景图片
    二、标签
    1、格式标签
    <font face="字体名称" color="颜色" size="大小"></font>
    <b></b>加粗   <strong></strong>
    <i></i>倾斜    <em></em>
    <u></u>下划线
    <br>回车  <pre></pre>
    <center></center>居中
    转义:
    &nbsp;空格
    &lt;小于号<
    &gt;大于号>
    &amp:将转义符在页面上显示出来&
    &copy;©
    2、内容容器
    <h1></h1>........<h6></h6>   标题的特点加粗、自动换行、独立一行
    <p></p>  段落标签、独立一段 默认情况下段落前后都会有一行的空白
    <div></div>区域标签、层标签、划分网页区域 进行网页布局  特点:前后换行
    <span></span>

    <ul></ul>  无序列表标签
    <ol></ol>  type修改 有序列表标签
    <li><li>   列表项标签,用来放在ul或ol里面的
    (一)常用标签
    1、超链接             
    <a href="超链接路径"  target="_blank"--打开一个新的页面原页面不关闭>超链接显示的内容</a>
    书签:锚点
    (1)定义书签<a name="书签名">内容</a>
    (2)定义超链接<a href="#书签名">超链接文字</a> 如不在同一页面在#前面加页面名
    2、图片
    <img src="路径图片" width="宽" height="高" alt="文字" />
    3、图片超链接
    <a href="超链接路径"><img sre="图片路径"></a>
    (二)表格

    <table></teble>表示一个表格的开始到一个表格的结束
    width:宽  像素  百分比
    border:边框的宽度
    bgcolor:背景色
    background:背景图
    cellpadding="字的边距"
    cellspacing="表格里的间距"
    align="center"居中 表格在页面中的对齐方式

    <tr></tr>  一行
    bgcolor:背景色
    align="center"这一行中文字的对齐方式
    height:高度,一般是像素,也可设百分比。

    <td></td>  一格
    bgcolor:背景色
    align:水平对齐
    valign:竖直对齐
    width:宽
    height:高
    colspan:跨列      合并单元格时,要算好格数 
    rowspan:跨行
    (三)表单
    所有表单元素都具有的属性:id, name, disabled
    <form id="" name="" action="指定一个路径" method="提交方式"></form>
    1、文本类
    单行文本框:<input id="" name="" type="text" value="文本框中的值"/>输入 类型
    多行文本框:<textarea id="s" name="s" rows="行数" cols="字符宽度">内容</textarea>
    密码框:<input id="" name="" type="password" value=""/>
    隐藏域:<input id="" name="" type="hidden" value=""/>
    2、按钮类
    普通按钮:<input id="" name="" type="button" value="按钮上的文字"/>
    提交按钮:<input id="" name="" type="submit" value="按钮上的文字"/>
    重置按钮:<input id="" name="" type="reset" value="按钮上的文字"/>
    图片按钮:<input id="" name="" type="image" src="图片路径" width="宽" height="高"/>
    3、选择类
    单选:
    <form action="" method="get">
         <input id="" name="组名" value="不显示可运算"  checked="checked 默认选中第一个" type="radio" disabled="disabled 不可选"/>
         <label for="指向id可点文字选择">内容</label表示标签> </form>  name值一样表示一组  
    复选:
     <input id="" name="" value="" type="checkbox" disabled="disabled"/>
    列表:
    下拉列表
     <select选择 id="" name="">
      <option选项 value="">内容</option>
     </select>
     列表:
     <select选择 id="" name="" size="值大于1" multiple="multiple"可多选>
      <option选项 value="">内容</option>
     </select>
    文件:
     <input id="" name="" type="file" />上传

  • 相关阅读:
    【Web前端】用CSS3实现弹幕
    清除float影响
    用send_keys输入文本的方法
    使用装饰器实现测试跳过和预期故障的方法
    python的logging日志模块
    Ubutnu linux 下升级python版本,以2.x升级到3.x为例
    如何生成HTMLTestRunner报告
    用java和junit编写app自动化测试用例
    用python和unittest编写app自动化测试用例
    appium自动化测试等待的三种方法
  • 原文地址:https://www.cnblogs.com/LCL390/p/4388233.html
Copyright © 2011-2022 走看看