HTML的基本格式
<!DOCPYPE html>
<html>
<head>
<title> </title>
</head>
<body>
</body>
<html>
head标签的作用:
- 指定网站的标签
- 指定网站的小图片
解决乱码现象
在head标签中添加<meta charset = “GBK/UTF-8” 指定字符集
但是仅仅指定字符集不一定能解决乱码问题,还需保存文件的时候,文件的保存格式必须和指定的字符集一致才能保证没有乱码问题。
- H1到H6调整字体大小,,,H1最大
- align:对齐方式
- left:左 rught:右 center:居中
<h2 align="center"></h2>
-
字体标签: <font></font>
-
常用属性:face:字体
-
size:尺寸
-
color:颜色
颜色的取值:
方式1:#xxxxxx x为16进制
方式2:英文
段落
<p></p>
其他标签
<b></b> <strong></strong>加粗
<i></i> 斜体
<hr/>水平线
<br/>换行
图片标签
<img/>
常用属性:
src:图片的路径
alt:代替文字
title:移上去显示的文字
width:宽
height:高<img src="图片的路径” alt=“代替文字” width=“ ” height=“”/>
路径的写法
相对路径:
./ 或者 什么都不写 当前目录
…/ 上一级目录
绝对路径:
带协议的绝对路径
http://ww.itheima.com
列表标签
<ol></ol> 有序
<ul></ul> 无序
超链接标记
<a></a>
常用属性:
href:跳转路径
target:在那里打开
默认值:—self—blank(在空白页面打开)
表格标签
<table></table>
常用的子标签
<td>:列
<th>:表头单元格
注意:
一行必须只有一个单元格或一列
table的常用属性:
border:边框 像素值
width:
align:表格对齐方式
tr 的常用属性:
align:内容对齐
td的常用属性:
align;内容对齐
表单标签
<form></form>
作用:
从浏览器端收集用户信息
框架集
常用属性:
cols:垂直切割
rows:水平切割
常见的子标签:
frame
frame:具体实现
常用属性:
src:展示的页面的url