什么是 HTML?
HTML:Hyper Text Markup Language :超文本标记语言。
超文本:功能比普通文本更加强大
标记语言:使用一组标签对内容进行描述的语言,它不是编程语言
HTML 的语法和规范
html文件都是以.html 或者.htm 结尾的,建议使用.html 结尾!
html 文件分为头部分<head></head>和体部分<body></body>。
html 标签都是由开始标签和结束标签组成(<hr />)。
html 标签忽略大小写,建议小写。
模板:
以上使用的标签组成了HTML页面的基本结构,标签的陈述:
<html> 整个页面的根标签,理论上一个页面只需要一个,由头和体组成。
<head> 头标签,用于引入脚本、导入样式、提供元信息等,一般情况下头标签的内容在浏览器中都不显示。
<title> 子标签,用于显示器标题
<body> 体标签,是整个网页的主体,编写的HTML代码基本都在此标签中。
使用浏览器打开效果:
一些标签的介绍:
(1)、标题标签:<hn>
html提供<hn>系列标签,用于修饰标题,包含:<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,
<h1>定义为最大标题,<h6>定义为最小标题; 例:<h1>标题</h1>
(2)、标题标签:<hr>
<hr/>标签在HTML页面中创建一条水平分隔线,用于定义内容中的主题变化。
size属性:水平线的高度,单位像素
noshade属性:没有阴影.取值:noshade,表示显示纯色
例如:
(3)、字体标签:<font>
<font>用于设置字体尺寸、字体颜色等.
size属性:设置字体的大小。可能的值:从1到7的数字。浏览器默认值是3。
color属性:设置字体的颜色
颜色的取值:#xxxxxx或colorname
#xxxxxx表示使用红绿蓝三原色设置颜色。
红绿蓝分别取值:oo--FF,此处使用16进制。(FF就是十进制的255)
#O00000表示黑色,#FFFFFF白色
#FF0000红色,#00FF00绿色,#0000FF蓝色
红绿蓝2位取值相同可以省略成1位.例如:#112233简化成#123
colorname使用英文单词确定颜色。red红色,blue蓝色,green绿色
例:
(4)格式化标签:<b> <i>
<b> 粗体 例如: <b>粗体 </b>
<i> 斜体 例如:<i> 斜体</i>
(5)、段落标签:<p> <br/>
<p> 定义段落,p标签会自动在其前后创建一些空白
<br/> 插入单个换行
(6)、图片标签:<img>
<img> 在html页面中引用一张图片
- src:指定需要显示图片的URL(路径)。
- alt:图片无法显示时的替代文本.
- width:设置图像的宽度。
- height:定义图像的高度。 :
(7)列表标签
<ol>定义有序列表。
type列表类型,取值:A、a、
<ul>定义无序列表。
type符号的类型,取值:disc 实心圆、square方块、circle空心圆
<li>定义列表项。是<ul>或<ol>的子标签
(8)、超链接标签<a>
<a>标签是超链接,是在html页面提供一种可以访问其他位置的实现方式。
- href:用于确定需要显示页面的路径(URL)
- target:确定以何种方式打开href所设置的页面。常用取值:_blank、_self等
_blank在新窗口中打开href确定的页面。
_self默认。使用href确定的页面替换当前页面。
(9)、表格标签<table><tr><td>
HTML表格由<table>标签以及一个或多个<tr>、<th>或<td>标签组成。
<table>是父标签,相当于整个表格的容器。
- border 表格边框的宽度。
- width 表格的宽度。
- cellPadding 单元边沿与其内容之间的空白.
- cellspacing 单元格之间的空白.
- bgcolor 表格的背景颜色.
<tr>标签用于定义行
<td>标签用于定义表格的单元格(一个列)
- colspan单元格可横跨的列数。
- rowspan单元格可横跨的行数。
- align单元格内容的水平对齐方式,取值:left左、right右、center居中。
- nowrap单元格中的内容是否折行。
<th>标签用于定义表头。单元格内的内容默认居中、加粗。