##HTML
1.概念：是最基础的网页开发语言
*Hyper Text Markup Language 超文本标记语言
*超文本：超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。
*标记语言：由标签构成的语言。<标签名称> 如 html，XML
标记语言不是编程语言
2.快速入门：
*语法：
1.html的文档后缀名.html或.htm
2.标签分为
1.围堵标签：又开始标签和结束标签。如 <html> </html>
2.自闭和标签：开始标签和结束标签在一起。如<br/>
3.标签可以嵌套：需要正确嵌套，不能你中有我，我中有你
4.在开始标签中可以定义属性。属性是由键值对构成，值需要用引号（单双都可）引起来
5.html的标签不区分大小写，但建议使用小写
3.标签学习：
1.文件标签：构成HTML最基本的标签
*html：html文档的根标签
*head：头标签。用于指定html文档的一些属性。引用外部的资源
*title：标题标签。
*body：体标签。
*<!DOCTYPE>：html5中定义该文档是html文档
2.文本标签：和文本有关的标签
*注释：<!--注释内容 -->
* <h1> to <h6>:标题标签
*h1——h6字体大小逐渐递减
*<p>:段落标签
*<br>:换行标签
*<hr>:显示一条水平线
*属性：
*color：颜色
*width：宽度
*size：高度
*align：对齐方式
*center：居中
*left：左对齐
*right：右对齐
*<b>:字体加粗
*<i>:字体斜体
*<font>:字体标签
*属性：
*color：颜色
*size：大小
*face：字体
*属性定义：
*color：
1.英文单词：red ，green，blue
2.rgb(值1，值2，值3)：值的范围：0~255
3.#值1值2值3：值的范围：00~FF之间。
*width:
1.数值：width='20',数值的单位，默认值是px（像素）
2.数值%：占比相对于父元素的比例
3.图片标签：
*img：展示图片
*属性:
4.列表标签：
*有序列表：
*ol:外层
属性：*type：1，A，a,等
*start：从几开始
*li:内层
*无序列表：
*ul：外层
属性：*type：disc 实心圆 square 实心方 circle：空心圆
*li：内层
5.链接标签：
*a：定义一个超链接
*属性：
*href：指定访问资源的URL(统一资源定位符)
*target：指定打开资源的方式
*_self:默认值，在当前页面打开
*_blank:在空白页面打开
6.div和span：
*div：每一个div占满一整行。块级标签
*span：文本信息在一行展示，行内标签 内联标签
7.语义化标签：html5中为了提高程序的可读性，提供了一些标签
*<header>：页眉
*<footer>：页脚
8.表格标签：
*<table>:定义表格
*属性：
*border：边框
*width：宽度
*cellpadding：定义内容和单元格的距离
*cellspacing：定义单元格直接的距离。如果为0，单元格的线合为一条
*bgcolor：背景色
*align：对齐方式
*<tr>:定义行
*属性：
*bgcolor：背景色
*align：对齐方式
*<td>:定义单元格
*属性：
*bgcolor：背景色
*align：对齐方式
*colspan：合并列
*rowspan：合并行
*<th>:定义表头单元格（默认居中）
*<caption>:定义表格的标题
*<thead>:表示表格的头部分
*<tbody>:表示表格的体部分
*<tfoot>:表示表格的脚部分
9.表单标签
*表单：
*概念：用于采集用户输入的数据的。用于和服务器进行交互
*使用的标签：
*<form>:用于定义表单的，可以定义一个范围，范围代表采集用户数据的范围
*属性：
*action：指定提交数据的URL.
*method：指定提交方式
*分类：一共七种，常用两种
*get：
1.请求参数会在地址栏中显示。
2.请求参数的长度是有限制的
3.不太安全
*post：
1.请求参数不会在地址栏中显示，会封装在请求体中(HTTP协议)
2.请求参数的长度是没有限制
3.较为安全
*表单项中的数据要想被提交，必须指定其name属性
*表单项标签：
*input：口蹄疫通过他的type属性值，改变元素展示的样式
*type属性：
*text：文本输入框，默认值
*placeholder：指定输入框的提示信息，当输入框的内容发生变化是，会自动清空提示信息
*password：密码输入框
*radio：单选框
*注意：
1.要想让多个单选框实现单选的效果，则多个单选框的name属性值必须一样
2.一般会给每一个单选框提供value，指定其被选中后提交的值
3.checked属性，指定默认值
*checkbox：复选框
*注意：
1.一般会给每一个单选框提供value，指定其被选中后提交的值
2.checked属性，指定默认值
*file：文件选择框
*hidden：隐藏域，用于提交一些信息
*按钮：
*submit：提交按钮
*button：普通按钮
*image：图片提交按钮
*src属性指定图片的路径
*label：指定输入项的文字描述信息
*注意：
*label的for属性一般会和input的ID值对应。如果对应了，则点击label区域，会让input输入框获取焦点
*select：下拉列表
*子元素：option：指定列表项
*textarea：文本域
*cols：指定列数，每一行有多少个字符
*rows：默认多少行
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
