一起来品二锅头!
什么是HTML?
超文本标记语言(Hyper Text Markup Language)
1.语言:HTML不是一种编程语言,而是一种标记语言,描述网页的语言
2.场景:HTML是各种类型网页开发的基础型语言
3.作用:HTML使用标签描述网页中图片、文本、音乐、视频、超链接等
HTML基本标签
标签 | 写法 |
---|---|
标题标签 | <h1>-<h6> |
段落标签 | <p> |
斜体标签 | <em> |
粗体标签 | <strong> |
水平线标签 | <hr/> |
换行标签 | <br/> |
特殊符号
空格 | > | < | 引号 | 注册商标 |
| > | < | " | ® |
图像标签
<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"