Web HTML

HTML


HTML介绍

HTML:超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分(Head)、和“身体”部分(英语:Body),其中“头”部关于网页的信息,“身体”部分网页的具体内容。

<!--文本类型-->
<!DOCTYPE html>
<html>
<!--头部-->
<head>
    <title></title>
</head>
<!--身体-->
<body>

</body>
</html>

标签

<h>: 标题标签 h 后面 1-6 表示标题大小依次变小
<p>:段落标签
<br>:换行标签
<hr>:水平线
<b>:加粗
<strong>:加粗,具有语义
<i>:倾斜
<em>:倾斜,具有语义
<align>:水平对齐方式

 字体标签<font></font>

<!--常用属性-->
color:颜色
size:大小范围1-7
face:改变字体

图片标签<img>

<!--常用属性-->
src:指定图片的路径
width:指定宽度
height:指定高度
alt:图片加载错误时提示信息

列表<ul><ol>

ul:无序列表
ol:有序列表
<!--共同子标签-->
li:类表现
<!--ol-->
type:样式
start:起始索引

超链接<a>

<!--常用属性-->
href : 访问的链接地址
target:打开方式 
_self 当前跳转
_black 新开一个网页并跳转                  

表格<table>

<tr> 行标签
<td> 列标签
colspan : 跨列操作
rowspan:跨行操作
用于单元格的合并
<!--常用标签-->
border : 指定边框
bgcolor:背景颜色
align:对齐方式

表单<form>

表单标签
                action : 直接提交的地址
                
                method : 
                        get 方式  默认提交方式 ,会将参数拼接在链接后面 , 有大小限制 ,4k
                        post 方式  会将参数封装在请求体中, 没有这样的限制
                        
            
            input :
                type: 指定输入项的类型
                    text : 文本
                    password :  密码框
                    radio :        单选按钮
                    checkbox :  复选框
                    file      : 上传文件
                    submit   : 提交按钮
                    button      : 普通按钮
                    reset     : 重置按钮
                    hidden  : 隐藏域
                    
                    date    : 日期类型
                    tel     : 手机号
                    number   : 只允许输入数字
                    
                placeholder : 指定默认的提示信息
                name : 在表单提交的时候,当作参数的名称
                id : 给输入项取一个名字, 以便于后期我们去找到它,并且操作它
            
            textarea : 文本域, 可以输入一段文本
                        cols : 指定宽度
                        rows : 指定的是高度
            
            select  : 下拉列表
                option : 选择项

 块标签<div><span>

猜你喜欢

转载自www.cnblogs.com/viperqy/p/11449585.html