HTML就是把网页分成多个块进行显示。
一、HTML标签包含"head头"以及并列的"body内容"
<!DOCTYPE html>
<html>
<head>
<title>页面链接头显示部分</title>
<meta charset="utf-8"> <!--编码格式-->
<link rel="图片类型/如icon" href="图片路径"> <!--头图像-->
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
<!--注释-->
二、HTML标签简单介绍:
标题是通过 <h1> - <h6> 等标签进行定义的。
<h1>标题标签</h1>
<h2>加粗换行</h2>
<h3>字号大小改变</h3>
<h4>我是越来越小的</h4>
字体标签属性:
属性 描述
align 定义文本的对齐方式
bgcolor 定义背景颜色
color 定义文本颜色
段落是通过 <p> 标签进行定义的。
<p>This is a paragraph.</p>
字体样式标签:
<i>斜体标签</i>
<em>强调斜体标签</em>
<b>加粗标签</b>
<strong>强调加粗</strong>
<u>下划线标签</u>
<del>删除线标签</del>
<sub>下标标签</sub>
<sup>上标标签</sup>
<p>段落标记标签</p>
水平分隔线标签<hr/> ——注:单标签
换行标签<br/>
三、HTML列表:有序列表、无序列表、自定义列表
有序列表
<ol type="修改有序列表序号样式" start="设置序号起始值">
<li>列表内容</li>
<li>列表内容</li>
<li>列表内容</li>
...
</ol>
//
type属性值 说 明
1 数字1、2 ...
a 小写字母a、b...
A 大写字母A、B...
i 小写罗马数字i、ii、iii...
I 大写罗马数字I、II、III...
无序列表
<ul type="">
<li>列表内容</li>
<li>列表知识</li>
<li>列表介绍</li>
...
</ul>
type属性值 说 明
disc 实心圆点(默认)
circle 空心圆圈
Square 方形
自定义列表
<dl>
<dt>列表项目列表项目</dt>
<dd>列表解释</dd>
<dd>列表解释</dd>
<dt>列表项目列表项目</dt>
<dd>列表解释</dd>
<dd>列表解释</dd>
<dt>列表项目列表项目</dt>
<dd>列表解释</dd>
<dd>列表解释</dd>
...
</dl>
四、HTML超链接
链接是通过 <a> 标签进行定义的。
<a href="链接地址" target="指定用于打开链接的目标窗口">This is a link</a>
target属性值(默认原窗口) 说 明
_parent 当前窗口的上级窗口(一般在框架中使用)
_blank 在新窗口中打开
_self 在同一窗口中打开,和默认值一样
_top 在浏览器的整个窗口中打开
链接类型:内部链接、外部链接、书签链接
内部链接:指的是一个网站内部文件之间的链接。将超链接标记<a>中的href属性的URL值设置为相对路径。
外部链接:指网站内的文件链接到站点外的文件。超链接标记<a>中,将它的href属性设置为绝对路径即可。
书签链接:是在一个文档内部的链接,适用于文档比较长的情况。单机书签即可跳转到相应的内容。如:返回顶部。
五、HTML图片标签
图像是通过 <img> 标签进行定义的。
<img src="url" alt="description" width="value" height="value" />
属性值 说 明
src 图像地址
alt 加载图像失败添加图像的代替文字
title 若图像下载完成,鼠标放在图像上时,鼠标旁会出现此替代文字。
width/height 设置图像宽度/高度
border 设置边框的宽度,默认没有边框,边框颜色默认为黑色
六、HTML中form表单
<form name="formName" method="post/get" action="url" > <!--form表单-->
<input name="控制名称" type="类型控制" value="控件显示内容"/> <!--控件-->
<select> <!--列表框-->
<option>北京</option>
<option>上海</option>
<option>广州</option>
<option>深圳</option>
</select>
</form>
form属 性 说 明
name 表单名称
method 表单发送的方式,可以是"post"或者"get"
action 表单处理程序提交地址
<input>标记的type属性值及说明
属 性 说 明
text 文本框
password 密码框
file 文件框
checkbox 复选框
radio 单选按钮
button 标准按钮
submit 提交按钮
reset 重置按钮
image 图像域
<select>标记用于定义列表框,<option>标记用于列表框中添加列表项目。
常用的其他属性
*value属性:输入的值(默认指定值)
size属性:输入框的宽度值
maxlength属性:输入框的输入内容的最大长度
readonly属性:对输入框只读属性
*disabled属性:禁用属性
placeholder输入的提示值