• html的基本知识


    网站基本结构:静态部分(前端部分):html,div+css,js+jQuery

                                            数据库:SQL server

                         动态部分(后台部分):.net,c#,vs2012......

    html的基本结构

    <html>

        <head> 

                      <title>标题</title>

        </head>

        <body></body>

    </html>

    HTML标记

    <标记名称  属性1=“值1”   属性2=“值2”  ...>组件资料</标记名称> (*标记不区分大小写,属性值可以不加引号)            

    html的注释:<!--xxxxx-->

    版面控制标记

    换行<br/>

    段落标记<p></p>

    水平线<hr>

    属性 功能
    size 水平线的粗细,以pixel为单位
    width 水平线宽度,px或百分比
    align 对其方式,left,center,right
    color 颜色

    空格&nbsp;

    居中标记<center></center>

    标题文字

    <hn></hn值>  n为1~6依次减少)

    特殊文字样式

    标签 效果
    <b></b> 粗体
    <i></i> 斜体
    <u></u> 下划线
    <s></s> 删除线
    <sup></sup> 将文字以上标字体的方式显示
    <sub></sub>

    将文字以下标字体的方式向显示

    body标签属性

    bgcolor:网页背景颜色

    background:网页背景图片

    text:网页文字颜色

    文字列表

    编号表列标记

    <ol>

          <li>编号1</li>

          <li>编号2</li>

          <li>编号3</li>

    </ol>

    编号形式:type属性(type=1或A或a或I或i)

    设置编号的开始序号:start属性(start=n   只能是数字)

    项目符号列表标记

    <ul>

           <li>项目符号</li>

          <li>项目符号</li>

           <li>项目符号</li>

    </ul>

    设置项目符号的形式:type属性(type=cricle  空心圆点  或disc  实心圆点 或square  实心方

      两者结合

    组织行为---领导

    ●领导的效能理论、依据

        1、领导的权利基础

                  ■强制权力

                  ■奖赏权利

        2、领导理论

                 ■持久论

                 ■强调论

     1 <html>
     2 <head>
     3          <title></title>
     4 </head>
     5 <body>
     6 <b><p>组织行为---领导</p></b>
     7 <ul type="disc">
     8   <li>领导的效能理论、依据</li>
     9     <ol type="1">
    10       <li>领导的权利基础</li>
    11       <ul type="square">
    12         <li>强制权力</li>
    13         <li>奖赏权利</li>
    14       </ul>
    15       <li>领导理论</li>
    16       <ul>
    17         <li>持久论</li>
    18         <li>强调论</li>
    19       </ul>
    20     </ol>
    21 </ul>
    22 </body>
    23 </html>
    View Code

    表格

    语法:

    <table>

    <tr>

    <td></td>

    </tr>

    </table>

    <th></th>标题单元格

    表格属性

    border:边框宽度

    cellspacing:表格内框的宽度

    cellpadding:表格内的文字至四周边框的距离

    height:高度

    width:宽度

    bordercolor:边框颜色

    bgcolor:背景颜色

    align:表格在网页中的水平对齐方式

    行、列属性

    高:height

    行/列外框的颜色:bordercolor

    行/列背景色:bgcolor

    行/列文字水平对齐方式:align

    行/列文字的垂直对齐方式:valign=top middle bottom

    跨行、跨列

    rowspan、colspan

    应用

     

     

     图片标记

     img标记

    <img src="图文件保存位置与名称">

    属性

    height:高度

    width:宽度

    border:边框宽度

    超链接


    绝对路径:在网页制作中指带域名的文件的完整路径。

    相对路径:1、同一目录的文件的引用

                    如果源文件和引用文件在同一个目录里,直接写引用文件名

                   2、表示上级目录

                   ../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录

                   3、下级目录的文件

                    引用目录的文件,直接写下级目录文件的路径

    超链接标记

    <a href=“链接位置">超链接名称</a>

    图片超链接

    <a href="http\www.baidu.com"><img src=c:sea.jpg></a>

    滚动字幕

    <marquee>.....</marquee>

    属性

    align:指定对齐方式top,Middle,bottom

    scroll:单向运动

    slide:如幻灯片,一格格的,效果是文字一接触左边就停止

    alternate:左右往返运动

    bgcolor:设定文字卷动范围的背景颜色

    loop:设定文字卷动次数,其值可以是整数或infinite表示无限次,默认为无限循环

    height:设定字幕高度

    设定字幕宽度

    scrollamount:指定每次移动的速度,数值越大速度越快

    scrolldelay:文字每一次滚动的停顿时间,单位是毫秒。时间越短滚动越快

    hspace:指定字幕左右空白区域的大小

    vspace:指定字幕上下空白区域的大小

    direction:设定文字的卷动方向,left向左,right向右,up往上滚动,down向下

    behavior:指定移动方式,scroll表示滚动播出,slide表示滚动到一方后停止,alternate表示滚动到一方后向相反方向滚动

    音乐文件的播放,影音文件的播放

    <a href="音乐或影音文件路径">xxxx</a>


    将音乐或影音文件

    <embed src="音乐或影音文件路径" width=宽度 height=高度 autostart=自动播放(true、false)loop=播放次数(设定播放重复次数,loop=6表示重复6次,true表示无限次播放,false播放一次即停止。)>

    网页背景音乐 

    <bgsound src="音乐文件路径“ loop=次数(设为infinite音乐将循环播放,知道网页关闭)>

    html表单

    <form></form>属性

    action 表单处理程序的URL地址
    method 两种取值get,post
    target

    用来指定目标窗口或框架(-blank返回信息显示在

    新开的浏览器窗口中;-parent父级窗口;self当前

    浏览器窗口;-top返回信息显示在顶级浏览器窗口中

    表单元素

    type=button    普通按钮控件

    type=reset       重置按钮控件

    type=submit     提交按钮控件

    type=image       图像按钮控件

    type=checkbox  复选框控件

    type=radio         单选框控件

    type=text          文本输入控件

    type=password   密码输入控件

    type=file             文件上载控件

    type=hidden       隐藏字段

     让下拉菜单支持多选

    <select name="province" multiple="multiple">

              <option value="guangdong province">广东省</option>

              <option value="jiangxi province ">江西省</option>

              <option value="hunan province">湖南省</option>

    </select>

    用Ctrl来实现多选,还可以用size属性来改变下拉框(select)的大小

    多行输入框(textarea):用于输入较长的文本信息

    <textarea name="yoursuggest" cols="50" rows="3"></textarea>

     cols:textarea的宽度

    rows:textarea的高度

    单选“男”“女”

    代码: 

                      

  • 相关阅读:
    spring杂谈
    mysql
    java集合
    java
    mysql数据库面试题
    replace替换
    移动端拨打电话
    react 获取自定义属性、value等值
    react 框架 安装与梳理
    h5在ios端 input/textarea 输入不了
  • 原文地址:https://www.cnblogs.com/kanjiandeguang/p/4679056.html
Copyright © 2020-2023  润新知