【HTML的概述】
什么是HTML
HTML:Hyper Text Markup Language --- 超文本标记语言.
* 标记语言：指的是通过一组标签的形式描述事物的一门语言.
* 超文本：比普通的文本更强大.
HTML的作用
HTML是用来制作页面(静态页面).
HTML在那些地方使用
在设计网站的页面的时候都要使用到HTML.
【HTML的使用】
HTML的文件的创建
一个HTML文件,扩展名是.html或者.htm结尾
* 01.html
HTML的结构标签
* 跟标签:<html></html>
* <head> -- html的头标签
* <body> -- html的体标签
【HTML的字体标签】
<font>标签:HTML中的字体标签.
使用：<font>文字</font>
* <font>标签的属性:
* <标签 属性名=”属性值” 属性名=”属性值”></标签>
* 属性:
* color属性:字体颜色
* 英文单词设置:black,red,green,blue...
* 使用16进制数设置:#FFFFFF , #FFF
* size属性:字体的大小
* face属性:字体
* 基本使用：
<font>我是HTML!</font> <br/>
<font color="red">我是HTML！</font><br/>
<font color="#FF0000" size="1">我是小红！</font><br/>
<font color="#00FF00" size="7">我是小绿！</font><br/>
<font color="#0000FF" size="100">我是小蓝！</font><br/>
【HTML的排版标签】
标题标签：h标签<h1>...<h6>
<!-- HTML的标题标签 -->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
段落标签：p标签
<p>
一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容
一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容
一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容
一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容
</p>
<p>
一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容
一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容一段内容内容
</p>
字体加粗标签：b标签
<b>黑马训练营</b>
字体斜体标签：i标签
<i>黑马训练营</i>
字体下划线：u标签
<u>黑马训练营</u>
居中标签：<center>标签
<center>内容</center>
1.1.4总结:
HTML有标准:
* HTML4
* <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
* HTML5:支持视频播放,支持CSS3,支持定位,扩展标签...
* <!DOCTYPE html>
<pre>标签：原生标签.
<hr/>标签：横线.
【HTML的图片标签】
图片标签:<img>
* 属性:
* src :图片的来源.
* width :图片的宽度.
* height:图片的高度.
* alt :图片找不到显示的内容.
图片的引入的路径问题:
* 路径：相对路径.
* 如果引入的图片和html文件在同一级路径。
* 直接写文件名或者./文件名
<img src="cs10006.jpg" />
<img src="./cs10006.jpg" />
* 如果引入的图片在html文件的上一级路径。
* <img src="../cs10006.jpg" />
* 如果引入的图片在html文件的下一级路径。
* <img src="img/cs10006.jpg" />
这次大家是考得不怎么好，可把熊熊姐着急坏了，可我觉得都是大家没有好好认真考的，也没有什么复习时间，希望同学们下次好好考可别再让熊熊姐悄悄在被窝流眼泪了。 |
|
收藏
淘帖
踩
