HTML用来做网页,文件拓展名改为html可以形成网页
超文本标记语言==超越了文字的范畴,除了文字还可以有图片、视频、音频、动画特效等其它内容,由标记符号<>组成的一门计算机编程语言
HTML的格式:
注释:<!--注释内容--> ctrl+k+c 快捷键
<HTML> 开始标记
<title>标题名称</title> 浏览器最上面那个标签
<head>
网页渲染,特效
</head>
<body>
网页展示内容
</body>
</HTML>结束标记
文本设计:
文字加粗:<b>文字</b>
文字倾斜:<i>文字</i>
文字下划线:<u>文字</u>
对字体进行修改:
<font face=“字体” color=“颜色” size=“大小”>要添加的文字</font>
color可以是颜色的英文字母,也可已在http://tool.oschina.net/commons?type=3里面找色号
字体可以直接打上字体的名字 就像黑体,微软雅黑之类的直接打上
空格: ( 一个 代表一个空格)
换行:<br/>
段落:<p>段落内容</p> (堕落默认上下各空一行,空行高度为最小字号,两个段部之间也是空一行,段落完成后自动空一行,并且换行)
加粗:<strong></strong> (强调换行,其实就是换行)
插入图片:
放置图片<img src="图片路径"> --图片最好和HTML文件放在一个同一个文件夹,方便操作 ../ 向上一层
设置图片宽度:width="数字" --如果写为100%,就是在页面横向平铺
设置图片高度:height="数字" --如果写为100%,就是在页面纵向平铺
设置图片标题:title="哈哈哈" --对图片进行注释,鼠标放到图片上,会有文字提示
插入表格:
<table> --表格
<tr> -- 行
<td>/<td> --列
</tr> --每个<tr></tr>算一行,里面可以有很多列。
</table>
表格中的属性:
border="" 表格边线
width="" 宽度
height="" 高度
cellspacing="" 单元格与单元格之间的距离
cellpadding="" 内容到边框的距离
bgcoler="" 背景颜色
background="图片路径" 背景图片
align="" 水平对齐方式 center,left
valign="" 垂直对齐方式 center,left
属性要写在对应的<>内(不是</>)写在table里就是修改整个表的属性,tr就是此行,td就是此行此列(针对哪个单元格)
在</tittle>和</head>之间输入:
<style type="text/css">
* {
padding: 0px;
margin: 0px;
}
</style>
修改表格与页面之间的间距
超链接
<a href="http://www.baidu.com" target="_black">图片/文字</a>
这里写链接的地址 这是代表在新的页面打开