html是超文本传输语言，主要通过html标签对网页中的文本，图片，声音等内容进行描绘。
hmtl骨架
<html>
<head>
<title></title>
<body></body>
</html>
<html>:元素定义整个html文档
<head>:元素用来存放，little，metu，buse，style，script，link标签。
<title>:为文档定义标题。
<body>:定义文档的主体。
HTML 标签的分类
双标签：<标签名>内容</标签名>，<标签名>这个是开始标签，</标签名>结束标签只多加了一个“/”
单标签：也称空标签，是指用一个标签符豪即可完整的描绘某个功能的标签。如：<br>是起换行的作用。
html标签的关系
嵌套关系：如<head><litle></litle></head>
并列关系：如<head></head><body></body>
文档类型
<doctype html> 这句话能知道使用的是html的哪个版本。标签位于文档的最前面，用于向浏览器说明是使用的那种html或xhtml。
html的基础标签
<h1> </h1>,<h1>----<h6>，作为标题使用，并且大小递减。
段落标签：定义一个段落<p>内容</p>
换行标签：一个段落中的文字会从左到右依次排列，直到浏览器窗口最右端然后自动换行，如果想文本强制换行就要用换行标签<br>。
水平线标签：<hr>
div span 标签：div span是没有语义的，是我们布局的两个盒子。
span:用于存放文档中的行内元素进行组合，提供了一种将文本的一部分或文档的一部分独立出来的方式。如：
<html>
<head>
<meta charset='utf-8'>
<title></title>
<body>
<p>我有<span style='color:bule;font-weight:bold'>蓝色</span>的眼睛</p>
</body>
</html>
运行结果：我有蓝色的眼睛
标签属性
<标签名属性1="属性值1"属性2="属性值2"…>内容</标签名>
1.标签可以拥有多个属性，必须写在开始标签中，位于标签名后⾯。
2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
3.任何标签的属性都有默认值，省略该属性则取默认值。
⽐如:
<hr width="400"/>
属性 是 宽度
值 是 400
图像标签img
要想在⽹页中显⽰图像就需要使⽤图像标签，接下来将详细介绍图像标签以及和他相关的属性。其基本语法格式如下：
<img src="图像URL"/>
该语法中src属性⽤于指定图像⽂件的路径和⽂件名，他是img标签的必需属性。
img 标记的属性
属性 属性值 描述
src URL 图像的路径
alt 文本 图像不能显示的替换文本
title 文本 鼠标悬停时显示的内容
width 像素（XHTML不支持%页面百分化） 设置图像的宽度
height 像素（XHTML不支持%页面百分化） 设置图像的高度
border 数字 设置图像边框的宽度
链接标签
<a href="跳转⽬标"target="⽬标窗⼝的弹出⽅式">⽂本或图像</a>
href：⽤于指定链接⽬标的url地址，当为标签应⽤href属性时，它就具有了超链接的功能。 Hypertext Reference的缩写。意思是超⽂本引⽤
target：⽤于指定链接页⾯的打开⽅式，其取值有_self和_blank两种，其中_self为默认值，_blank为在新窗⼝中打开⽅式。
内部链接 直接链接内部页⾯名称即可 ⽐如 < a href=“index.html”> ⾸页
如果当时没有确定链接⽬标时，通常将链接标签的href属性值定义为“#”(即href="#")，表⽰该链接暂时为⼀个空链接。
不仅可以创建⽂本超链接，在⽹页中各种⽹页元素，如图像、表格、⾳频、视频等都可以添加超链接。
路径
实际⼯作中，通常新建⼀个⽂件夹专门⽤于存放图像⽂件，这时再插⼊图像，就需要采⽤“路径”的⽅式来指定图像⽂件的位置。
路径可以分为： 相对路径和绝对路径
相对路径
1. 图像⽂件和HTML⽂件位于同⼀⽂件夹：只需输⼊图像⽂件的名称即可，如<img src=“logo.gif” />。
2. 图像⽂件位于HTML⽂件的下⼀级⽂件夹：输⼊⽂件夹名和⽂件名，之间⽤“/”隔开，如<img src=“img/img01/logo.gif” />。
3. 图像⽂件位于HTML⽂件的上⼀级⽂件夹：在⽂件名之前加⼊“…/” ，如果是上两级，则需要使⽤ “…/ …/”，以此类推，如<img src="…/logo.gif" />。
列表标签
容器⾥⾯装载着⽂字或图表的⼀种形式，叫列表。
⽆序列表的各个列表项之间没有顺序级别之分，是并列的。其基本语法格式如下：
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
有序列表 ol
有序列表即为有排列顺序的列表，其各个列表项按照⼀定的顺序排列定义，有序列表的基本语法格式如下：
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
所有特性基本与ul ⼀致。
定义列表
定义列表常⽤于对术语或名词进⾏解释和描述，定义列表的列表项前没有任何项⽬符号。其基本语法如下：
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
</dl>
扫一扫
578
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
