HTML基础
一、WEB网页的组成
1.结构HTML
2.表现CSS
3.行为JavaScript
二、HTML相关的
1.XHTML指可扩展超文本标记语言
2.HTML是超文本标记语言
3.HTML5是HTML的第五个版本
4.既包含了HTML+CSS的网页制作,也包含了JavaScript这门编程语言的相关开发
5.文件命名规范
(1)文件命名规则:用英文,不用中文
(2)名称全部小写英文字母、数字、下划线的组合
6.语法
(1)常规标记 双标记
<标记 属性=“属性值”>文字内容</标记>、
(2)空标记 单标记
<标记 属性=“属性值” />
7.HTML的结构
<!DOCTYPE html> 声明当前文档类型是HTML
<meta charset=“utf-8”>必须要写,如果丢失会出现乱码
<title></title>标题,显示在状态栏
三、HTML相关的标签
1.文本标题 <h1></h1>、<h2></h2>、<h3></h3>、<h4></h4>、<h5></h5>、<h6></h6>
2.段落 <p></p>
3.加粗 <strong></strong>、<b></b>
4.倾斜 <em></em>、<i></i>
5.强制换行 <br />
6.水平线 <hr />
7.上标 <sup></sup>
8.下标<sub></sub>
9.空格
10.版权 ©
11.商标 ®
12.
<ul>
<li>无序列表</li>
</ul>
<ol>
<li>有序列表</li>
</ol>
<dl>
<dt>可以是文字也可以是图</dt>
<dl>相关文字</dl>
</dl>
想要改变列表默认的符号样式,需要给ul添加属性type
type:circle 空心圆
type:disc 实心圆
type:aquare 方形
在有序列表中,想要改变列表符号样式用属性type
1 A a I i
改变开始位置的属性 start=“”
13.插入图片
<img src="文件的路径” title=“鼠标悬停上去的提示信息” alt="图片丢失后提显示的信息" />
14.文件的路径
(1)绝对路径
(2)相对路径
a.如果当前文件和目标文件在同意目录
路径的写法:文件的名字.扩展名
b.如果当前文件和目标文件所在的文件夹在同一目录
路径的写法:目标文件的文件夹名字/目标文件.扩展名
c.如果当前文件所在的文件夹和目标文件在同一目录
路径的写法:../目标文件的名字.扩展名
15.超链接
<a href="跳转的路径" title=“” target=“定义窗口的打开方式”></a>
target属性规定在何处打开文档 _self 默认值 _blank 新窗口打开
16.页面划分区域<div></div>
17.表格
(1)创建表格
<table>创建表格
<tr>创建表格内的行
<td>创建行内的单元格
</tr>
</table>
(2)表格的相关属性
宽度 width 高度 height 边框 border 边框颜色 bordercolor
背景颜色 backgroundcolor/bgcolor
文字水平对齐 align="left/right/center"
文字垂直对齐 valign=“top/middle/bottom”
cellspacing="单元格与单元格之间的间距" 必须给table
cellpadding="单元格与内容之间的空隙" 必须给table
合并单元格 colspan="所要合并单元格的列数"
rowspan="所要合并的单元格的行数"
合并行和合并列都要给td
合并之后要把多余的单元格删除
18.表单
创建表单
<form action="向何处发送表单数据" method="get/post">
<input /> 属性type定义输入框类型
文本框 text 密码框 password
提交框 submit 按钮框 button
重置框 reset
属性placeholder描述输入字段的预期值的简短提示信息,兼容IE8以上
属性name必须设置,否则在提交表单时,用户在其中输入的数据不会发送给服务器
属性value
</form>
属性value对于不同input类型,用法不同
对于button、reset、submit类型,是定义按钮上的文本
对于text、password、hidden类型,是定义输入字段的值,当提交表单的时候,该值会发送到表单的action URL