二锅头带你秒会HTML

一起来品二锅头！

什么是HTML？

超文本标记语言（Hyper Text Markup Language）

1.语言：HTML不是一种编程语言，而是一种标记语言，描述网页的语言

2.场景：HTML是各种类型网页开发的基础型语言

3.作用：HTML使用标签描述网页中图片、文本、音乐、视频、超链接等

HTML基本标签

标签	写法
标题标签	<h1>-<h6>
段落标签	<p>
斜体标签	<em>
粗体标签	<strong>
水平线标签	<hr/>
换行标签	<br/>

特殊符号

空格	>	<	引号	注册商标
&nbsp;	&gt;	&lt;	&quot;	&reg;

图像标签

<img src="图片" alt="猿究院" title=''apesource'' width="x" height="y"/>

超链接

<a href="链接地址" ></a>

锚连接

1.创建跳转链接：<a href =“#maker”>链接</a>

2.创建跳转标记：<a name =“maker” >跳转位置</a>

什么是HTML列表  

列表是一种数据项所构成的有限序列,即按照一定的线性顺序,排列而成的数据项集合

通过css可以快速设置不同样式方面布局

使用标记把数据中的条理，层次，格式美观的展现出来

HTML无序列表

        <ul>用来声明无序列表。 <li>用来表示列表项。 <ul></ul>标签表示一个无序列表的开始和结束，<li>表示这是一个列表项。在一个无序列表中可以包含多个列表项。

常用type属性值：

ype属性值：disc 默认值，实心圆“●”

type属性值：circle  空心圆“○”

type属性值：square  实心正方形“■”

type属性值：none   没有列表符号

HTML有序列表

        <ol>用来声明有序列表。 <li>用来表示列表项。 有序列表的各个列表项是有顺序的。有序列表从<ol>开始，到</ol>结束，中间的列表项是<li>标签内容。

常用type属性值：

type属性值：1    数字1、2、3……

type属性值：a/A    小/大写英文字母

type属性值：i/I    小/大写罗马数字

HTML自定义列表

1.dl>用来声明自定义列表。 <dt>用来表示列表标题。 <dd>用来表示列表内容。

2.<dl>标签和<dt><dd>标签是配合使用，没有单独使用，而且<dl>标签内部不能存在任何其他标签

表格能干什么？

一种可视化交流模式，又是一种组织整理数据的手段。

通讯交流、科学研究以及数据分析活动当中广泛采用着形形色色的表格。

表格的基本语法：

跨行	跨列	分割单元格	若干组	定义表格
rowspan	colspan	<td>	<tr>	<table>

HTML表格美化:

设置边框	borde
设置背景颜色	bgcolor
设置表格在网页中的对齐方式	align
设置单元格与单元格之间的距离	cellspacing
设置文字与单元格之间的距离	cellpadding
表格的宽度/表格高度	width/height

HTML表单的分类

文本域    按钮    单选框    复选框    选项按钮

HTML表单基本结构

<form  method="post" action="xxx.html"></form>

表单元素属性

文本输入	text,password
文件选择	file
按钮	button
选择	checkboxes,radio
提交按钮	submit，image
重置清空按钮	reset

表单元素属性 

size属性	元素的宽度，当 type 为 text 或 password时。
maxlength	type为text 或 password 时，输入的最大字符数
checked	type为radio或checkbox时，指定按钮是否是被选中

HTML下拉列表

select 标签用于声明下来列表      option 标签用于声明列表项

HTML多行文本域

<textarea rows="3" cols="20" maxlength="50" name="demo"></textarea>

可见行数	可见宽度	最大长度	名称
rows	cols	maxlength	name

 表单的高级应用

只读：readonly=“readonly”

禁用：disabled="disabled"