HTML

最新推荐文章于 2022-09-29 22:34:41 发布

birou7328

最新推荐文章于 2022-09-29 22:34:41 发布

阅读量142

点赞数

原文链接：http://blog.51cto.com/14419253/2414024

版权

HTML入门知识点

1：基本编辑格式：

<html>
   <head>
     <meta charset="UTF-8">
     <title>点击这里输入标题</title>
   </head>
   <body>
   </body>
</html>

:2：基本标签：
标题：<h1>~<h6>（双标签）

<h1> 定义最大的标题。<h6> 定义最小的标题

   <h1>This is a heading</h1>
   <h2>This is a heading</h2>
   <h3>This is a heading</h3>

段落：<p>（浏览器会自动地在段落的前后添加空行（<p> 是块级元素））

   <p>This is a paragraph</p>
   <p>This is another paragraph</p>

链接：<a>
<a href="url">内容</a>
属性：target：_blank 打开一个新窗口 _parent在原来的窗口中打开
如何链接到一个网页的不同位置
1：同一个网页中跳转

        目标位置：<a id="name"></a>
         链接位置：<a href="#name"></a>

   2:不同网页之间的跳转

        目标网页：<a id="name"></a>
         链接网页：<a href="文件地址#name"></a>

  实现邮箱地址之间的跳转


**图像：<img>**

` <img src="url"/>`

alt：替换文本属性
      路径：
             相对路径：/ ：表示根目录

　　                      ./ ：表示当前目录

　　                      ../ : 表示上一级目录(../../上二级)

             绝对路径：从盘符开始

**样式标签**
     b  、strong  加粗    
        del  删除线    
         i 、em   倾斜   
       sub  下标     
         sup   上标
         pre  预格式化 
     small 小号字 
     big  大号字 
     hr  水平线
         br 换行
        注释：<!--需要注释的内容-->
    **  表格 <table>**

<table>
<tr>
<th></th>(表格的表头 居中加粗)
</tr>
<tr>
<td></td>
</tr>
</table>


    *合并单元格*
    1：跨列
    <table>
    <tr>
    <td></td>
    <td colspan="2"></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    </table>
    2:跨行
    <table>
    <tr>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td rowspan="2"></td>
    </tr>
    </table>

**  列表**
1:无序列表

2:有序列表

3:自定义

**表单**
<form></form>
type属性：text:    定义常规文本输入。
radio   :定义单选按钮输入（选择多个选择之一）
checkbox：多选框
submit  :定义提交按钮（提交表单）

文本输入：
<form>
<input type="text" name="" value="">
</form>

单选框：
<form>
<input type="radio" name="sex" value="male" checked>女
<input type="radio" name="sex" value="female">男
</form>

多选框：
<form>
        <input type="checkbox"  checked/>音乐
        <input type="checkbox"/>旅游
        <input type="checkbox"/>看书
</form>
下拉表单：
<selsct name="">
<option value="">   </option>
  <option value="">    <option>
  <option value="">   <option>
</select>

多段文本域：
<textarea> 元素定义多行输入字段（文本域）
<textarea name="" id="" cols="" rows="" style=""> 内容</textarea>

**按钮**
<input type="submit"> 提交
<input type="reset"> 重置
<input type="button" value="不确定">
<button></button>

同意以上协议
<label for="agree">
    <input type="checkbox" id="agree">
        同意以上协议
</label>

**预定义选项列表**
<datalist> 元素为 <input> 元素规定预定义选项列表。


用户会在他们输入数据时看到预定义选项的下拉列表。

birou7328

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML

HTML入门知识点1：基本编辑格式：<html> <head> <meta charset="UTF-8"> <title>点击这里输入标题</title> </head> <body> </body></html>:2：基本标签：标题：&...
复制链接

扫一扫

HTML

“相关推荐”对你有帮助么？