HTML基础知识点归纳

1.我的第一个HTML文件 001-我的第一个HTML页面.html

        根:<HTML></HTML>

        注释:<!--注释-->

        头 :<head></head>

        标题栏:<title></title>

        网页体:<body></body>

2.基本标签 002-基本标签.html

        段落标签

                paragraph 段落

                分段:<p></p>

        标题字

                headline 大写标题

                标题:<h1>标题字</h1>

        换行(独目标记)

                blank row 空白行

                <br>

       水平线(独目标签)

                Horizontal Route 水平线

                <hr>

                <hr color ="red">

        预留格式

                保留格式:<pre></pre>

       粗体字

                bold 粗体

                <b></b>

        斜体字

                italics 斜体字

                <i></i>

        插入字

                <ins></ins>

        删除字

                <del></del>

        右上角加字

                <sup></sup>  10<sup>2</sup>

        右下角加字

                <sub></sub>

        font标签

                <font></font>

                <font color="red" size=10></font>

3.实体符号 003-实体符号.html

        空格

                No-Breaking SPace 不间隔空格

                &nbsp;

        大于号

                greater than 大于

                &gt;

        小于号

                less than 小于

                &lt;

4.表格

        004-表格

                <table></table>

                边界:border    像素pixel    排列:align

                <table border="1px" width="300px" align="center">

                <tr></tr>      table   row   行

                <td></td>    table   data  cell   单元格数据

        005-表格-单元格的合并

                列合并:colspan

                行合并:rowspan

                span 跨度

        006-表格-th标签

                <th></th>

                table   header cell

                可以代替<td></td>,表示表头单元格,内容会自动加粗

        007-表格-thead-tbody-tfoot

                thead 表格头部

                将table分为三部分,为javascript提供方便

        008-背景颜色和背景图片

                背景颜色

                <body bgcolor="blue"></body>

                背景图片

                <body background="img/xihu"></body>

        009-图片

                图片 <img src="img/tree.jpg"  title="**" width="200px"></img>

                加载失败时的提示信息

                alt 图像无法显示时的替代文本

                <img src="img/error" alt="图片找不到了">

        010-超链接

                超链接:hot  references

                网络中的路径

                        <a href="http://www.baidu.com"> 百度 </a>

                本地表格

                        <a href="001-我的第一个HTML页面.html">本地表格</a>

                图片链接

                        嵌套

                        <a href="http://www.baidu.com">

                        <img src="img/tree.jpg" width="50%" title="点击我可以跳转">

                        </a>

                target属性

                        _blank  新窗口

                        _self     当前窗口

                        _partent  当前窗口的父窗口

                        _top 当前窗口的顶级窗口

                        <a href="http://www.baidu.com" target="_blank">当前窗口</a>

                内部窗口

                        <iframe src="img/tree.jpg"></iframe>         

                        frame : 框架

表单

       011-表单

                主要作用:收集用户数据

                表单

                        <form action="url"></form>

                method:

                        get : 请求行上提交数据,显示到url

                        post:请求体中提交数据,不会显示到url

                提交按钮

                        <input type="submit" value="百度">

        011-列表

                无序列表 unorder list    <ul type="square"></ul>

                有序列表 order list        <ol type="A"></ol>    //A B C D

                列表项 <li></li>

        012-登录表单

                密码框<input  type="password"  name="*" >

                表单提交数据格式:url?name=value&name=value&name=value

                name:用name表单才可以提交数据

                value:用户输入数据

        013-注册表单

                单选按钮: radio    value:程序员提供  checked:默认选择此项

                复选按钮:checkbox

                下拉列表:

                        <select name="?"></select>

                        列表项 <option value="?"></option>

                文本域:<textarea></textarea>

                提交按钮 submit

                重置按钮 reset

                普通按钮 button

        014-下拉表单多选

                显示多个条目 size

                multiple 多选

        015-文件上传

                file

                <input  type="file">

        016-hidden

                隐藏域提交,页面看不到,但是会提交

                hidden

        017-readonly/disable

                readonly  :可以提交数据给服务器

                disable:不可以提交数据

        018-maxlength

                规定输入字段的最大长度

        019-id

        020-div和span

                都是盒子

                div 独占行

                span 不会独占行

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值