今天开始学习HTML5方面的知识,概括起来有以下几点:
一、:
HTML是超文本传输标记语言 ,由W3C提出的HTML规范已经统一;
HTML文档的基本结构与语法:
<html>
<!--定义当前文档中 基本信息>
<head>文档信息写这里</head>
<!--定义当前文档中 基本内容组件>
<body>正文内容写这里</body>
<html>
编写一篇文档要求后缀名必须是.html
HTML中的常用标记:
换行标签:
<br/>
段落标签:
<p> 段落文本 </p>
标题标签:
<h1></h1> 数字代表字体大小
<h2></h2>
............
<h6></h6>
图片相关标签:
<img /> 页面中显示一张图片
样式相关标签:
<s> </s> 删除线
<b> </b> 加粗
<i> </i> 倾斜
常见属性:
alt / title: 当鼠标悬停到该标签时的提示文本。
src: 目标图片的路径
width:宽度 px
height:高度 px
HTML中的路径:
绝对路径
基于操作系统的绝对路径
windows:以盘符开头的路径(\d:android\silver.html)
linux/unix/mac OS: 以根目录/开头的路径;
基于网络的绝对路径:以http://开头的路径
相对路径:
<img src="b.jpg">
file:///c:day13/first.html 默认从当前文档目录里找到b.jpg文件并打开
file:///c:/day13/images/b.jpg 完整的目标地址
<img src="images/b.jpg"/> 相对路径地址
table 表格制作
标签 :<table> </table>
设置属性:<table border="1" width="300px" height="300px" aling="center" cellspacing="10" cellpadding=“20”></table>
边距 宽(单位是像素px) 高 对齐 单元格间距 单元格内边距
填加行列:<table>
创建第一行,创建3列;列名分别为1、2、3
<tr><td>1</td><td>2</td><td>3</td></tr>
</table>
td里可以设置属性:行合并:rowspan 列合并:colspan 注意合并后需删掉被合并的单元格;譬如第一行合并1、2列,则只需写<td colspan="2">1</td>;把原有的<td>2</td>删除。