陈占占
陈占占
Published on 2018-03-28 / 1 Visits
0
0

第一章 HTML5基础

HTML结构:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title><!网页的名称></title>

</head>

<body>

<!主体结构>

</body>

</html>

<body>:开放标签

</body>:闭合标签

<title>:标签

<meta>:标签

<h1>…</h1>:标题标签(1,2,3,4,5,6不同的等级的标题比例不同)

<p>…</p>:段落标签

<br/>:换行标签

<hr/>:水平线标签

-----------------------------------

字体样式标签:

加粗:<strong>…</strong>

斜体:<em>…</em>

-----------------------------------

注释和特殊符号:

空格:&nbsp;

大于号(>):&gt;

小于号(<):&lt;

引号("):&quot;(成对使用)

版权符号@:&copy;

-----------------------------------

图像标签:

语法:<img src="path" alt="text" title="text" width="x" height="y" />

src=图像地址 alt=图像的替代文字 title=鼠标悬停提示文字 width=图像宽度 height=图像高度

-----------------------------------

链接标签:

语法:<a href="path" target="目标窗口位置">链接文本或图像</a>

href=链接路径 target=链接在什么窗口打开(_self,_blank)

-----------------------------------

锚链接:

创建步骤

创建跳转标记:<a name="marker">乙位置</a>

创建跳转链接:<a href="#marker">甲位置</a>

-----------------------------------

行内元素和块元素:

块元素:无论内容多少,该元素独占一行(p、h1-h6…)

行内元素:内容撑开宽度,左右都是行内元素的可以排在一行(a、strong、em…)


Comment