超文本标记语言:HTML
W3C:互联网联盟
注释语法:<!--注释掉的内容-->
标签格式:
双标签元素:<标签名 属性 style="样式">内容</标签名>
单标签元素:<标签名 /> 或<标签名>
基本标签:
第一类:自带标签
<html>网页开始 </html>网页结束
<head>头标签 里面放控制性的东西
<body>主体标签,里面放网页内容
<title>网页的标题
<body>的几个属性:
bgcolor背景色
background背景图片
text文本颜色
第二类:格式标签
<font color="#663399" face="微软雅黑" size="3">操作文字</font>
<b>加粗
<strong>加粗
<i>倾斜
<em>倾斜
<u>下划线
<br/>换行
空格
<center>居中
第三类:内容标签
<h1>--<h6> 标题标签(会自动换行),其中好h1的字体最大
<p>段落标签,段落之间自动空行
<div>层标签,内容容器,网页布局用,默认占一行
<span>层标签,内容容器,默认有多大空间占多大空间
<ul>无序列表,里面的每一项用<li> ,列表符号可改变
<ol>有序列表,里面的每一项用<li>,列表符号可改变
<ol type="1"> --有序列表,序号为1,2,3……,引号中可以更改序号形式
<li>内容</li>
<li>内容</li>
</ol> --上面“ol”改为“ul”则为无序列表
“../” 表示上级目录
“./” 表示当前目录
相对路径:从当前页面开始查找。
绝对路径:从网站的根开始查找。 “/”,代表网站的根。
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
四、常用标签
1、超链接标签
路径问题:手写路径怎么写 以该网页所在的位置为基础,如果找它的父级文件夹用../ 如果找它的子级文件夹用/ 直到找到图片为止
<a href="超链接地址" target=“_blank”>超链接的文字</a> --href(hyperlink reference)
属性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 中不支持。规定被链接文档的字符集。 |
coords | coordinates | HTML5 中不支持。规定链接的坐标。 |
download | filename | 规定被下载的超链接目标。 |
href | URL | 规定链接指向的页面的 URL。 |
hreflang | language_code | 规定被链接文档的语言。 |
media | media_query | 规定被链接文档是为何种媒介/设备优化的。 |
name | section_name | HTML5 中不支持。规定锚的名称。 |
rel | text | 规定当前文档与被链接文档之间的关系。 |
rev | text | HTML5 中不支持。规定被链接文档与当前文档之间的关系。 |
shape |
|
HTML5 中不支持。规定链接的形状。 |
target |
|
规定在何处打开链接文档。 |
type | MIME type | 规定被链接文档的的 MIME 类型。 |
第一步:做锚点的标签。<a name=""></a>
第二步:做锚点链接。<a href="#目标链接的name的值"></a>
图片超链接:<a href="超链接地址" target=“_blank”> <img src="图片地址" alt="文字" width="" height="" /> </a>
2、图片标签
<img src="图片地址" alt="文字" width="" height="" />
必需的属性
属性 | 值 | 描述 |
---|---|---|
alt | text | 规定图像的替代文本。alt在图片无法加载时,显示文字,还可帮助搜索引擎搜索。 |
src | URL | 规定显示图像的 URL。 |
可选的属性
属性 | 值 | 描述 |
---|---|---|
align |
|
不推荐使用。规定如何根据周围的文本来排列图像。 |
border | pixels | 不推荐使用。定义图像周围的边框。 |
height |
|
定义图像的高度。高跟宽设置一个即可,显示图片会按比例缩放 |
hspace | pixels | 不推荐使用。定义图像左侧和右侧的空白。 |
ismap | URL | 将图像定义为服务器端图像映射。 |
longdesc | URL | 指向包含长的图像描述文档的 URL。 |
usemap | URL | 将图像定义为客户器端图像映射。 |
vspace | pixels | 不推荐使用。定义图像顶部和底部的空白。 |
width |
|
设置图像的宽度。 |
注:
“../” 表示上级目录
“./” 表示当前目录
相对路径:从当前页面开始查找。
绝对路径:从网站的根开始查找。 “/”,代表网站的根。
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
4、表格标签:
<table> 属性:表格宽度,border:边框 cellspacing:单元格间距 cellpadding:单元格的内边距 bordercolor:边框颜色
<tr>行,属性:bgcolor:背景色,
<td>单元格:属性:宽度,height:高度,align:水平对齐 valign:垂直对齐 rowspan="3"合并列 colspan="2"合并行