zoukankan      html  css  js  c++  java
  • HTML学习笔记

    Html ----  超文本标注语言  控制网页结构

    CSS  ----  层叠样式表  控制元素的样式

    JSP   ----  客户端脚本语言  控制元素的行为

    <body bgcolor="" bgground="image/1.jpg">

    <font size="7" color="blue" face="楷体"><u>Dog</u></font>

    <b></b> 加粗bold

    <i></i>斜体itlic

    <u></u>下划线underline

    <s></s>删除线strike

    <sup></sup>上标

    <sub></sub>下标

    <font></font>字体标记

            size:文本大小,1~7

            color

            face:字体

    <p></P>表示一个段落

        常用属性:align(水平对齐方式) 取值:left,center,right

    <hr>水平线

        size:粗细,单位为像素

        color:颜色

        width:50%

        noshade:是否有阴影

    <pre></pre>预排版标记

    <h1>...<h6>标题标记

    -------------------------------------------------------------------------------------------------------------------------

    &nbsp;半角空格

    &nbsp &nbsp &nbsp &nbsp 两个空格

    <div>和<span>标记:

    <div>是没有任何作用的标记,但是使用做多。<div>一般与css配合使用。<div>是一个块元素。

    <span>和<div>差不多,<span>是行内元素。

    HTML字符实体

    空格:&nbsp;

    <    : &lt;

    >    : &gt;

    &    : &amp; 

    ¥    : &yen;

    *    : &times;

    /     : &divide;

    <ul>

      <li>内容</li>标记

    <ul>

    <ul>或<li>的常用属性

          Type:项目符号类型,取值:disc(小黑点),circle,square

    HTML编号列表(有序列表)

    <ol>

        <li>...</li>

    </ol>

    type:类型    start:从第几个开始

    滚动字幕标记<marquee>

    <marquee>...</marquee>

    Direction:滚动方向:up,down,left,right

    Width ;  Height

    bgColor:滚动背景色

    scrollAmount:滚动步长值

    ScrollDelay:两步之间的停留时间  

    loop:循环次数

    图片标记

    <img 属性=""> width height border:边框粗细  src:图片路径  Align   Hspace   Aspace

    超级链接

    <a></a>

      Herf:目标文件地址,可以是相对或绝对

      Target:目标文件的显示窗口

          --blank:在新窗口打开目标文件

          --self:在当前窗口打开目标文件

          --parent:在父级窗口打开

          --top:在最顶级窗口打开

      Name:定义锚点链接的名称

    相对URL

      1.当前文件和目标文件同级,直接写herf=“1.HTML”

      2.当前文件和目标文件所在的文件夹是同级herf=”image/1.html"

      3.../代表上一级,../../代表上两级

    特殊的连接

      什么样的文件会出现下载提示,不能直接执行的都会出现下载提示

      邮箱连接<a herf="mailto:beijing@qq.com">

      普通空连接<a herf="#">..</a>

      JS连接<a herf="javascript:windows.close()">..</a>

    锚点链接:在一个网页的不同区域进行跳转

      1.定义锚点(做记号) <a name="锚点名称"></a>

      2.跳转到锚点<a herf="文件名#锚点名称">...</a>  文件名可有可无,同一个网页不需要文件名,不同网页则必须有文件名。

    <Meta>标记

        提供网页的元信息。比如:指定网页的搜素关键字。

      1.http-equiv:模拟http协议文件头信息,当信息从服务器端传到客户端时,告诉浏览器如何正确的显示网页内容。一般与content配合使用。content属性指定信息的详细参数。

      <meta http-equiv="content-type" content="text/html";charset=utf-8"/>

      <meta http-equiv="refresh" content="2"/>  网页自动刷新

      <meta http-equiv="refresh" content="2";url="www.baidu.com"/>

      2.name:主要用于设置网页的搜索关键字,作者,版权

      <meta name="keyword" content="网站建设"/>

      设置网站的描述信息<meta name="description" content="..."/>

    DTD文档类型定义:是一种验证机制,也就是说检验一下你写的HTML

    DTD有三大分类:

      1.严格行的DTD

      2.过渡行的DTD

        <!DOCTYPE html PUBLIC "-//WSC//DTD XHTML 1.0...""http://.../xhtml/-transitional.dtd">

      3.框架的DTD

    表格标签

       1.表格的结构

          <table>

              <tr>

                <td>...</td>

              </tr>

          </table>

        table属性:width,height,border,bgcolor,background,bordercolor

        <th></th>标题行

    表单

        <form name="1">

           用户名:<input type="text" name="username"/>

           密码:<input type="password" name="userpwd"/>

          <input type="submit" value="提交"/>

        </form>

        name

        method:表单的提交方式,get&post

        action:指定表单的处理程序

        enctype:加密方式。有两个取值:application/x-www-form-urldecoded(post);multipart/form-data

    <input></input>选项

    <select></select>选择,下拉列表

    文本区域<textarea name="..." cols="宽度" rows="高度"></textarea>

    <input type="submit" name="提交“/>

    <input type="reset" name="重置“/>

    <input type="image" src="1.jpg"/> 功能就是submit

    <input type="button" value="..."/>  一般与JSP配合使用

    上传文件域

    <input type="file" 属性="属性"/>

  • 相关阅读:
    JavaEE编程实验 实验1 Java常用工具类编程(未完成)
    设计模式(一)Chain Of Responsibility责任链模式
    JavaSE习题 第八章 线程
    JavaSE习题 第七章 常用实用类
    JavaSE习题 第六章 字符串和正则表达式
    JavaSE 字符串和正则表达式
    HDFS的Shell操作
    HDFS概述
    Hadoop完全分布式模式
    免密登陆
  • 原文地址:https://www.cnblogs.com/miffy/p/5229670.html
Copyright © 2011-2022 走看看