【HTML】基础，入门先学会这些知识点（三）

目录

超链接

行内框架

frameset框架集

表格

表单

下拉选择框(行内块级元素)

按钮(行内块级元素)

热点地图

---

超链接

<a href=" ">超链接</a>

1. 点击超链接需要在新窗口中打开加属性：

    <a href="  "  target="_blank" >新窗口打开</a>

2. 点击超链接给邮箱发信息：

    <a href=" mailto: 邮箱地址 ">超链接发送邮箱</a>

3. 超链接锚点：

    <a href=" #+该处id名">当前页面某一处</a>

行内框架

<iframe src="想要引用的网页地址 " ></iframe>

<scrolling> 边框滚动条  

    yes  默认 有滚动条

    no   无滚动条

frameset框架集

<frameset>

<frame src=" 引用的网页地址">

<frame src=" 引用的网页地址">

<frame src=" 引用的网页地址">

</frameset>

表格<table>

<table>标签下必须使用<tr>搭配使用，<th>表头，<td>内容均在<tr>标签内：

    <table>

        <tr>

            <th>表格第一行，表头</th>

        </tr>

        <tr>

            <td>表格中的内容</td>

        </tr>

    </table>

table的属性:

border边框

cellspacing 单元格与单元格之间的间隙

cellpadding 内容与边框四周的距离

th 默认水平居中 垂直居中

td 默认水平居左 垂直居中

rules ：(只改变内部表格线)

rows只显示内部水平线

cols只显示内部垂直线

none不显示内部线条

all 内部线条全部显示

align 水平对齐方式 left、center、 right

valign(V: vertical) 垂直对齐方式top、 middle、 botton

表格的合并：

1.colspan：列合并（水平合并）

<colspan=" 3" >3列变一列

2.rowspan：行合并（垂直合并，只能向下合并）

<rowspan=" 3" >3行变一行

表单<form></form>

<form action=" 提交的地址/或者服务器地址" method=“get/post ”></form>

<input>标签(行内块级元素，单标记标签)：

属性placeholder：文本框中灰色的字体，填写内容消失

type=“text” 文本框

type="password" 密码框

type="submit" 提交按钮 提交表单内容

type=“reset” 重置按钮 重置表单内容

type="button" 普通按钮(经常配合CSS使用)

type="hidden" 隐藏域(用户网页不可见)

type=“file” 文件上传框

type=" checkbox" 复选框/多选框，可以选中多个，每个复选框必须有属性name

type=" radio" 单选框，若多个单选框为一组，则组内所有单选框name属性必须相同

例如：

<input type=“checkbox/radio” checked > 所指 复选框/单选框 会默认勾选

<label></label>标签 (经常配合input标签中 单选/复选 框使用)

两种书写方式：

        文本框(双标记标签，行内块级元素)

        属性placeholder：文本框中灰色的字体，填写内容消失

        本身可以修改宽高，也可以通过属性更改

        <textarea cols="列数" rows=“行数”></textarea>

下拉选择框(行内块级元素)<select></select>

        其必须搭配<option></option>使用

        <select multiple size=“2”下拉框可以出现两个选项 >

        <option>(块级元素)</option>

        <option selected>下拉选择框的默认选择</option>

        </select>

按钮<button></button>(行内块级元素)

        该标签是一个双标记标签，可以不加type属性，

        加上一定的属性也可以实现和<input type="submit/reset" >一样的效果

        差别就是button标签允许和其他标签同行

                type=" submit" 提交按钮

                type=" reset" 重置按钮

                type=“ button” 普通按钮

热点地图<map></map>

<img src="图片位置 " alt=“ ” usemap=" t1"/>

<map>

<area name=" t1" shape=" circle/rect/poly" coords=" 对应坐标"

href=" 链接地址 " alt=" " >

</map>

 

总结：

        以上就是前端HTML里我总结的一些内容和知识点，不一定全面但是绝对精华，如果有不懂的问题，或者发现其中有错误的地方可以随时和我发私信，我们一同探讨共同进步，接下来就着手准备CSS的内容了，大家跟上，加油！！！！！