您的位置：首页 > Web前端 > HTML

HTML学习笔记01

2017-07-30 22:03 399 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html

相关文章推荐

新的分享

章节导航