html基础

标签:

<meta>元素可提供有关页面的元信息（meta-information），针对搜索引擎和更新频度的描述和关键词。

<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com">  # 页面2s后刷新 跳转至百度

<p>: 段落标签. 

<b> <strong>

<em>: 文字变成斜体.

<sup>和<sub>: 上角标 和 下角表.

<br>:换行.

<hr>:水平线

特殊字符： &lt; &gt；&quot；&copy(版权);&reg;(注册标志);&nbsp(空格)

<img src="路径" alt="图片加载失败提示" title="鼠标悬浮提示">

<a href="" target="_blank" >click</a>

列表标签

<ul>: 无序列表 [type属性：disc(实心圆点)(默认)、circle(空心圆圈)、square(实心方块)]

<ol>: 有序列表
         <li>:列表中的每一项.

<dl>  定义列表

         <dt> 列表标题
         <dd> 列表项

 表格标签

<table>
   <thead>
     <tr>
        <th></th>
        <th></th>
        <th></th>
     </tr>
   </thead>
   <tbody>
        <tr>
           <td></td>
           <td></td>
           <td></td>
        </tr>
    </tbody>
</table>

属性:

    border: 表格边框.

    cellpadding: 内边距

    cellspacing: 外边距.

    width: 像素 百分比.（最好通过css来设置长宽）

    rowspan:  单元格竖跨多少行

    colspan:  单元格横跨多少列（即合并单元格）

 form：表单 

两个属性 :①action表单提交到哪.一般指向服务器端一个程序,程序接收到表单提交过来的数据（即表单元素值）作相应处理，比如https://www.baidu.com/index.php

input系列

 

表单类型:

<input type="text" value="" name="">

type：   text . password , radio ,checkbox , submit ,file

  属性:

name:    表单提交项的键.

           注意和id属性的区别：name属性是和服务器通信时使用的名称；
           而id属性是浏览器端使用的名称，该属性主要是为了方便客户端编程，而在css和javascript中使用的

value:    表单提交项的值.对于不同的输入类型，value 属性的用法也不同：

                type="button", "reset", "submit" - 定义按钮上的显示的文本
                 
                type="text", "password", "hidden" - 定义输入字段的初始值
                 
                type="checkbox", "radio", "image" - 定义与输入相关联的值


checked:  radio 和 checkbox 默认被选中

readonly: 只读. text 和 password

disabled: 对所用input都好使.

select标签

<select>
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<select name="city">
                <optgroup label="山东">
                       <option value="1">济南</option>
                       <option value="2">青岛</option>
                        <option value="3">烟台</option>
                </optgroup>
                <optgroup label="北京市">
                       <option value="4">海淀区</option>
                        <option value="5">朝阳区</option>
                </optgroup&gt;
</select>

属性:

multiple：multiple
selected: selected下拉选默认被选中

<textarea> 多行文本框

<textarea cols=“宽度” rows=“高度” name=“名称”>默认内容 </textarea>

<label>标签

<label for=“username”>用户名</label>

<input type=“text” name=“username” id=“username” size=“20” />