HTML学习笔记01

来源：互联网发布：下载手机淘宝2017 编辑：程序博客网时间：2024/06/07 15:21

1.什么是HTML？(Hyper Text Markup Language:超文本标记语言)
 超文本：功能比普通文本更加强大
 标记语言：使用一组标签对内容进行描述的一门语言(它不是编程语言)
2.语法和规范？
 HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。
 HTML文件分为头部分(<head></head>)和体部分(<body></body>)
 HTML标签都是由开始标签和结束标签组成。( :换行)
 HTML标签不区分大小写，建议使用小写。
3.HTML相关标签学习
 标题标签：<hn><hn />
 水平线标签：<hr />
 段落标签：
 字体标签：
 属性：size:指定内容的大小(size从1到7逐渐变大，超过7后按7显示)
 color：指定内容的颜色（可以使英文单词也可以是十六进制）
 face：指定内容的字体
 加粗：
 斜体：
 下划线：
 图片标签：<img />
 属性：
 src:指的是图片显示的路径(位置)
 绝对路径：E:\Users\ThinkPad\Desktop\0703JavaEE就业班\WEB01_HTML\资料\WEB01\image
 相对路径：
 ①同一级：直接写文件名称或者./文件名称
 ②上一级：../文件名称
 ③下一级：写上目录名称/文件名称
 width:指定图片的宽度，取值可以是像素值，也可以是百分比
 height：指定图片的高度，取值可以是像素值，也可以是百分比
 alt：当图片无法正常显示的时候给出的提示信息(该属性的显示效果与浏览器以及浏览器版本有关)
 列表标签：
 有序列表：
 <ol type="I" start="3" reversed="reversed"> 从3开始，降序
 <li></li>
 </ol>
 无序列表：
 <ul type="">
 <li></li>
 </ul>
 超链接标签
 <a href="" target=""></a>
 href:指定跳转的位置
 target：指定跳转页面显示的位置(取值：_self(当前页面跳转) 、_blank(新标签页跳转))
 表格标签 边框 宽度 高度 居中显示 背景颜色 边框与内容 边框与边框
 <table border="1px" width="100%" height="100%" align="center" bgcolor="red" cellpadding="0px" cellspacing="0px">
 <tr>
 <td></td>
 <td></td>
 <td></td>
 </tr>
 <tr>
 <td rowspan="2"></td> 合并两行
 </tr>
 <tr>
 <td colspan="2"></td> 合并两列
 </tr>
 </table>
 跨行跨列操作
 跨行：rowspan
 跨列：colspan
 框架集标签：
 <frameset rows="" cols="">
 <frame src=""/>
 <frame name=""/>
 </frameset>

阅读全文

0 0