HTML基础教程-优快云博客

HTML
2.常用标签
标题标签
<h1>……<h7>
<hr/>：水平分割线
属性：
size：水平线的高度，单位为像素
noshade：没有阴影
取值noshade表示显示纯色
字体标签<font>：用于设置字体的尺寸、字体的颜色等
属性：
size属性：设置字体的大小，值从1道7的数组，默认为3
color属性：设置字体的颜色
取值：#xxxxxx或colorname
格式化标签：<b><i>
<b>：粗体
<i>：斜体
段落标签：<p><br/>
<p>：定义段落(前后会创建一些空白)
<br/>：换行
图片标签：<img>
属性：
src:图片的URL（路径）
alt:图片无法显示时的替代文本
width:设置图像的宽度
height:定义图像高度
列表标签：<ol><ul>
<ol>：定义有序列表
type列表类型：A，a,I，i
子标签：<li>
<ul>：定义无序列表
type：取值
disc-实心圆；square方块；circle空心圆
子标签：<li>
超链接标签<a>
概述：是在html页面提供一种可以访问其他位置的实现方式
属性：
href:需要显示页面的路径
target:页面打开的方式
_blank:新窗口中打开
_self:默认当前页打开
表格标签<table><tr><td>
概述：html表格由<table>标签以及一个或多个<tr>/<th>或<td>标签组成
<table>表格
属性：
border:表格边框的宽度
width：表格的宽度
cellpadding 单元边沿与其内容之间的空白
cellspacing:单元格之间的空白
bgcolor:表格的背景颜色
<tr>:定义行
<td>:定义单元格列属性：
colspan:可横跨的列数
rowspan:可横跨的行数
align:单元格对其方式
left：左对齐
center：居中显示
right:右对齐
nowrap:单元格中的内容是否折行
<th>:定义表头，使用<td>修饰表头
框架标签：<frameset>
概述：多个窗口整合在一起的一个集合（框架集）。每一个页面（框架）都是单独文档，需要使用子标签<frame>来确定页面的位置；
<frame>通过行和列好确定整体布局，使用cols确定列数，使用rows确定行数。多个<frameset>可以嵌套使用
注意：
1.<frameset>和<body>两个不能共存
2.rows和cols的取值：数值，像素，百分比
框架子标签<frame>：用于设置<frameset>框架集中的一个页面（框架）
属性： (1)src:确定页面的路径
(2)noresize属性：框架的分割先不能移动
(3)target属性：确定需要显示的页面在何处显示
1.HTML
概述
超文本标记语言，标准通用标记语言下的一个应哟
其中：
超文本：页面内可以包含图片，链接，音乐，程序等
标记：使用标签的方法将需要的内容包括起来
结构
<html>
<head>
头部信息：提供关于网页的信息
</head>
<body>
主体部分：提供网页的具体内容
</body>
</html>
用途
用于编写网页
网页的内容包含：HTML代码，CSS代码，JavaScript代码等内容
HTML代码：展示需要显示的数据
CSS代码：显示的数据更加好看
JavaScript代码：使整个页面显示的数据具有动画效果
网页的内容可分为：静态页面和动态页面
静态页面：编写之后再浏览器不再改变的网页。HTML就是用于编写静态网页的
动态页面：会根据不同的情况展示不同的内容。
语言特点
HTML文件不需要编译，直接使用浏览器阅读即可
HTML的文件的扩展名是*。html或*.htm
HTML结构都是由标签组成
标签名是预定义好的，我们只需要了解其功能即可
标签名不区分大小写
通常情况下标签由开始标签和结束标签组成。如<a></a>
如果没有结束标签，建议以/结尾。如<img/>
HTML结构包括两部分：头head和体body