一、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>

    常用样式

三、JS

  如何在HTML里面正确的编写代码,有以下几周的方式嵌入

    1、将js代码写到网页头<script>中

    2、将js代码写到外部文件中,并引入

    3、如果是事件触发,还可以将js代码写在事件中

    4、将js代码写在网页结束位置

posted on 2019-11-28 11:55  Gary757  阅读(129)  评论(0编辑  收藏  举报