码迷,mamicode.com
首页 > 编程语言 > 详细

java_web----1

时间:2019-11-28 13:17:44      阅读:69      评论:0      收藏:0      [点我收藏+]

标签:必须   pwd   head   常用   提交   targe   头信息   超文本标记语言   reset   

一、HTML

  1、网页的构成

    结构:HTML

      超文本标记语言  标签语言

      标签写法:

        <标签名> </标签名>

        <标签名/>

    表现:CSS

    行为:JavaScript

  2、网页的几个部分

  <html>

    <!--定义网页的头信息-->

    <head></head>

    <!-- body里面内容会被现实在浏览器中>

    <body></body>

  </html>

 

  3、常用标签

    标题段落  h1~h6  p

    有序无序列表  ul无序  ol 有序 li  列表项

    图片 img <img src="图片路径">

      相对路径:相对当前文件位置

      绝对路径:以/开始

    超链接 <a href="要连接的资源路径" target="在哪里打开">

      _bank:开新页面

      _self:当前打开

      frameName:在指定的框架打开

    转义字符

      换行:<br />

      空格:&nbsp;

      <      : &lt;

      >   : &gt;

    内联框架

      iframe <iframe src="表示在iframe里面显示的内容地址" name="框架的名字"> </iframe>

 

    div  

      小框框  division:分层  图层  给页面划分区域

      div+css 完成页面布局

    表单

      <from action="要提交的位置" method="get/post">

         文本框<input type="text" name="指定键名"/>

        密码框<input type="pasword" name="pwd"/>

        单选: 男:<input type="radio" name="一组单选按钮的name值必须一样" value="male"/>

            女:<input type="radio" name="一组单选按钮的name值必须一样" value="female"/>

        多选:<input type="checkbox" name=""  value""/>

           <input type="checkbox" name=""  value""/>

        下拉列表: <select name="aihao">

                <option value="xj">香蕉</option>

                ....

              </select>

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

        重置:<input type="reset" value="重置">

      </form>

      表格

      <table></table>

    表格

二、CSS

  1、简介

    层叠样式表 --> 编写网页表现层的,编写网页的样式

  2、语法:

    在style标签里面,放在head中

    <style rel="stylesheet" type="text/css">

      选择器{

        样式名:样式值;

      }

    </style>

    外部应用  使用link标签  herf="引入外部文件"

    直接在标签的style属性里   ----不推荐

    <p style="color:red">..</p>

    常用样式

  

java_web----1

标签:必须   pwd   head   常用   提交   targe   头信息   超文本标记语言   reset   

原文地址:https://www.cnblogs.com/Gary757/p/11948995.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!