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

    1.HTML译为超文本标记语言。

    2.了解初始生成代码行

    <meta charset ="utf-8">

      1)meta用来修饰网页。

      2)charset式文本编码方式,utf-8是浏览器解析的编码方式。

      3)一般选择编码方式UTF-8。

    3.注释

    <!--注释-->

    注意:注释不可以嵌套使用。

    4.在html中所有连在一起的空格或者换行只会被解析为一个。

    5.文本格式标签:

    <pre></pre>

      1)作用为保留文本原有格式,可用来解决4.中的问题。

    6.初学部分标签

      1)文本标签:

    <i>斜体</i>    
    <b>加粗</b>
    <u>下划线</u>
    <s>删除</s>

      2)段落标签和一些单标签:

    <p>段落标签</p>
    <hr>分割线
    <br>换行
    &nbsp 空格
    &copy  版权符号

    7.标题标签

    <h1>一级标题</h1>

    共有六级标题 <h2><h3>类推。

    8.<a>标签

    <a href = ""></a>

      1)href是属性,“”中是属性值。a标签中也可以加align表示位置,width表示宽,color表示颜色。

      2)target="blank" 意为新建一个网页。

    9.标签的分类:

      标签主要分为两大类:块级元素和行内元素。

      两者的区别主要有:

      1)块级元素总是在新的一行显示,并且可以随意控制宽高。

      2)行内元素在一行显示,除非占满溢出。随文本的内容变化而变化。可以随意设置行高,但是不能随意设置宽高。

    10.路径的区别:

    <img src = "存放地址路径"/>

      1)src的全称是source,为统一资源路径。

      2)绝对路径:完整描述图片的路径。

      3)相对路径:从当前的目录为起点到所在目录。其中"../"为返回上一级文件夹,下一级文件夹就是文件夹名称。

      4)盘符路径:直接跳转到当前文件所在盘符的根目录。

     11.有序列表和无序列表

    <ul>
        <li>1</li>
            <li>2</li>
    </ul>
            
    <ol >
        <li></li>
    </ol>    

      1)type设置类型,有序列表中用start设置开头。

      2)常用的是无序列表,主要用于当行或者菜单。

    12.不推荐用HTML修改样式,内容与表现分离。

    13.元素的分类:

      1)元素分为三大类:行内元素,行内元素 ,行内块级元素。

      2)行内块级元素是开发者分类出来的,定义上只有两类。

    14.图片:title和alt的区别

    <img src="路径" title="鼠标悬浮上去显示的内容" alt="当图片加载不出来的时候显示的内容"/>

    15.表格的基本结构

    <table border="1px solid black"  cellspacing="0" cellpadding="">
        <tr >Header</tr>
        <tr>
           <th> <td cosplan="" rowspan="">Data</td>  <th>
        </tr>
    </table>

      1)<caption></caption>是表格的标题

      2)<th>是自带居中和加粗的效果。

      3)cellpadding是 指单元格文本到边框的距离(内填充)

      4)cellspacing指的是单元格之间的间距。 用了这两个属性调整表格大小就不要用width 和 height调整。

      5)border是指边框的设置,插入代码表示边框为1像素 实线 和黑色。

      6)cosplan=""表示合并列,rowspan=“”表示合并行,如果合并了行或者列,就要删除对应的行或者列,否则会溢出多余的单元格。

    16.表单

    <form action ="提交的地址" method = "提交的方式"></form>
    <input type="类型" value="提交的值" name ="" placeholder="输入框中的提示信息。"/>

      1)input输入框是一个单标签。

      2)type中可以填写的常用属性值:

        text:文本信息;

        password:密码(输入内容不可见);

        radio:单选框,在选择框中加上 check="check"为默认选中,一组单选框中,如果要添加多个radio单选选项并且只能有一个被选中,保持name值相同。  

        checkbox:复选框,勾选框,比如阅读同意用户协议等出现。

      3)下拉选择框:在下拉菜单中选择值。每一个option就是下拉选择中的一个选项。

    <select name="">
        <option value=""></option>
        <option value=""></option>
    </select>

      4)输入文本域:

    <textarea name="" rows="" cols=""></textarea>

      5)按钮:

    <button></button>  

        ①提交按钮必须在form表单的包裹之中。

        ②提交的时候会刷新页面。

        ③提交前后端之间的通信参数,get提交的参数在?后面会显示出来,post则不会。

  • 相关阅读:
    Mixly按键控制LED灯(物联网)
    Mixly数码管时钟实验(物联网)
    Java基础语法Day_06(面相对象和封装)
    Java基础语法Day_05(数组的概念)
    Java基础语法Day_02-03(数据类型、运算符、方法、循环结构)
    Java基础语法Day_04
    Java基础语法Day_01
    两个辅助指针变量挖字符串
    玩转多级指针
    二级指针内存模型
  • 原文地址:https://www.cnblogs.com/wangzheng98/p/10724147.html
Copyright © 2011-2022 走看看