HTML5基础

<!DOCTYPE>             //定义文档类型。

<html>                    //定义 HTML 文档。

<title>                    //定义文档的标题。

<body>                    //定义文档的主体。

<h1> to <h6>            //定义 HTML 标题。

<p>                        //定义段落。

<br>                    //定义简单的折行。

<hr>                    //定义水平线。

<!--...-->                //定义注释。

网址链结<a href=""></a>

设定锚点<a name=""></a>(?以容易记为原则)

链结到锚点<a href=""></a>(同一份文件)

<a href=""></a>(锚点不同文件)

显示图形<img src=""></a>

&nbsp;   空格

& &amp; &#38; and符号,与

" &quot; &#34; 引号

© &copy; © 版权标志

® &reg; » 注册标志

™ &trade; ™ 商标标志

“ &ldquo; “ 左双引号

” &rdquo; ” 右双引号

‘ &lsquo; ‘ 做单引号

’ &rsquo; ’ 右单引号

« &laquo; « 左三角双引号

» &raquo; » 右三角双引号

‹ &lsaquo; ‹ 左三角单引号

› &rsaquo; › 右三角单引号

§ &sect; § 章节标志


一.我的第一个网页
<!DOCTYPE html> 约束html的文档结构,同时告诉浏览应以什么格式解析该文件
<html lang="en"> 有些浏览器会提示“是否翻译此网页”
<head>
<meta charset="UTF-8,iso-885901,big5,gb2312" />
<title>我的第一个网页</title>
</head>
<body>
我的第一个网页
</body>
</html>
二.HTML的标签语法:
<></>
1.<br/>:换行标签
2.<hr/>:水平线标签
3.<p></p>:段落标签
4.<h1></h1>:标题标签
........
<h6></h6>
5.<strong></strong>:字体加粗
6.<em></em>:字体倾斜
7.<img src="图片的路径" alt="图片所代替的汉字" title="鼠标悬停上显示的文字" height="图片的高度" width="图片的宽度" />
8.超链接
<a href="链接的地址" target="_black,_self">内容</a>
8.1.锚链接
<a href="#hehe">呵呵</a>
<img src="图片的路径" alt="图片所代替的汉字" title="鼠标悬停上显示的文字" height="图片的高度" width="图片的宽度" name="hehe"/>
8.2.功能性链接
<a href="mailto:1908852690@qq.com">发邮件</a>
9.注释和特殊符号
html的注释:<!--注释的内容-->
html的特殊符号:&copy;:版权的符号
&nbsp;:空格
&gt;:大于
&lt;:小于
&quot;:引号
10.行内元素和块级元素
行内元素:例如:<strong></strong><em></em>
块级元素:无论内容多少,该元素独占一行:<h1></h1><p></p>

原文地址:https://www.cnblogs.com/fkx1/p/7442302.html