HTML——超文本标记语言

时间:2022-11-19 20:47:34

HTML: 网站(站点) - 网页

1、HTML作为文件后缀名,可以把文件变为网页

2、HTML是一门编程语言的名字:超文本标记语言

3、超越了文字的范畴,除了文字还可以有图片、视频、音频、动画特效等其它内容,由标记(<>)组成的一门计算机编程语言

4、HTML语言的作用:做网页

5、基本格式:

<html>
<head></head>
<body></body>
</html>/

6、HTML:超文本标记语言

7、分类:

双标签元素:<标签名 属性>内容</标签名>作为内容的容器
单标签元素:<标签名> 或 <标签名/>起到控制性作用

 8、页面类型:
静态页面:.html .htm
动态页面: .aspx .jsp .php

 9、<html>网页开始
</html>网页结束
<head>头标签:放一些控制性的东西
<body>主体标签:放网页内容
<title>标题标签

1.重要的
<a href="http://www.baidu.com">超链接</a>
如果指向页面:跳转页面
如果指向文件:
打开文件:网页文件,.txt 图片
下载文件:其它文件
<img src="地址" />
<img src="LOGO1.png" width="100" height="200" alt="测试图片" title="logo图标" />

图片超链接:
<a href="http://www.baidu.com">
<img src="LOGO1.png" width="100" height="200" alt="测试图片" title="logo图标" />
</a>

2.文本控制
<font>测试文字</font>
<font size="+3"color="#FF0000"face="微软雅黑">测试文字</font>

<b>加粗文字</b>
<i>倾斜文字</i>
<u>加下划线</u>

3.特殊格式
<br>代表换行,每出现一次代表换一行
&nbsp; 代表空格,每出现一次代表一个空格

4.技巧性的
<marquee>我是滚动文字</marquee> 滚动效果
<mark>淄博</mark> 文字标记
嵌入网络视频:
1.找到视频
2.选择分享里面的复制html代码或者通用代码
3.粘贴到网页代码里面

5.表格
<table> width代表宽度 border代表边框粗细
<tr>
<td> width代表宽度 align水平对齐方式 bgcolor代表背景色

http://tool.oschina.net/commons?type=3