1. HTML的简介
概述: Hyper Text Markup Language, 超文本标记语言.
超文本: 比普通文本的功能更加强大, 里边可以放一些图片, 音频, 视频等.
标记语言: 由标签(由尖括号括起来的关键字)组成, 可以被浏览器识别.
//记忆: HTML语言不是编程语言, 而是一种标记语言.
作用:
用来设计(静态)页面的, 可以被浏览器识别.
特点:
1. html语言是不区分大小写的, 为了阅读方便, 建议全部小写.
2. html文件的后缀名可以是.html,也可以是.htm, .htm是老的命名规范, .hmtl是新的命名规范.
3. html是由标签组成(尖括号括起来的关键字), 例如:
<font>这个是字体标签</font>
4. 上述类型的标签, 第一个标签叫: 开始标签(开放标签), 第二个标签叫: 结束标签(闭合标签).
5. 如果一个标签没有闭合标签, 这类标签叫: 自闭合标签. 例如:
<br />, <hr />, <img />
6. 标签可以有属性, 属性值要用引号括起来. 单双引号均可.
属性名="属性值", 属性名='属性值'
7. HTML语言的基本结构是: 由<html>标签包括, 里边有: <head>(头标签)和<body>(体标签)标签.
8. HTML语言中注释的写法:
<!--注释的文字-->
9. 写HTML标签的时候, 最好包裹嵌套, 不建议交叉嵌套.
2. HTML的编写方式(开发工具)
操作系统自带的记事本工具,
高级记事本开发工具(Editplus,Notepad++),
Dreamweaver,
HBuilder.
3. HTML的结构
<html>
<head>
<meta charset="utf-8"></meta>
<title>页面的标题</title>
</head>
<body>
<!--这里写的是给用户展示信息的地方-->
</body>
</html>
4. HTML标签之字体标签: <font>
属性:
size: 设置字体大小的, size的值的范围是:1-7, 字体最小的是1.
//实际开发中, 我们都是通过样式去设置字体大小的, 上述的设置方式一般不用.
color: 设置字体颜色.
//可以通过 英文字母 进行设置.
//也可以通过 RGB 三原色进行设置. Red:红色, Green:绿色, Blue:蓝色
face: 设置字体格式的.
5. HTML标签之排版标签:
<h数字>: 标题标签, 数字的范围是:1-6
<p>: 段落标签
<b>: 加粗
<i>: 斜体
<u>: 下划线
<br /> 换行符
<hr /> 分割线(自带换行功能)
6. HTML标签之列表标签: <ul>,<ol>
无序列表: <ul>
<ul>1111111111111
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ul>
type属性:
disc: 实心圆点.
circle: 空心圆点.
square: 实心正方形.
有序列表: <ol>
<ol>
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ol>
属性:
type:
数字,1
大小写字母,a/A
大小写罗马数字,i/I
strat: 设置从哪个数字开始, 只针对数字类型有效.
7. HTML标签之图片标签: <img>
属性:
src: 设置图片的路径.
注意: 图片路径的问题.
如果图片在该html文件的上级: ../表示上一级.
如果图片和该html文件在同一级: 直接文件名即可.
如果图片是该html文件的子集: 也是直接写路径即可.
border: 设置图片的边框.
height: 设置图片的高度.
width: 设置图片的宽度.
alt: 图片不存在的时候显示的内容.
8. HTML标签之超链接标签: <a>
属性:
href: 超链接的路径.
相对路径: 跳转项目内部的页面.
绝对路径: 跳转到外部页面. 需要写: http://
target: 页面的打开方式
_self: 在自身页面中打开.
_blank: 新建页面打开.
_parent:在指定的界面中打开.
注意: _parent是标签名字结合frame使用, 写哪个名字就在哪个标签中打开.
9. HTML标签之表格标签: <table>
属性:
border:
height:
width:
align: 设置表格居中(center),左对齐(left), 右对齐(right).
bgcolor: 设置表格的背景色
<tr>: 表示行
<td>: 表示列
colspan: 跨列.
rowspan: 跨行.
<th>: 表示列, 在<td>的基础上,多了居中和加粗的功能.
案例:
单表格标签的使用.
表格的嵌套使用.
10. HTML标签之块标签:
<div> 默认具有换行功能.
<span> 默认没有换行功能.
11. HTML标签之框架标签: <frameset>
在head种写
<frameset>
属性:
cols: 纵向切割.
rows: 横向切割.
<frame>: 切割后的每一个模块.
页面布局:
>
<
HTML上_之标签
最新推荐文章于 2020-12-02 10:20:30 发布