/*
标题标签,段落标签,换行标签,水平线标签,字体样式标签,注释和特殊符号标签,图像标签,链接标签,超链接基本用法,页面间链接,锚链接!
*/
<html>
<head>
<title>HTML基础</title>
</head>
<body>
<!--标题标签标签-->
<h1>我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3>
<h4>我是四级标题</h4>
<h5>我是五级标题</h5>
<h6>我是六级标题</h6>
<!--段落标签-->
<h1>我的天空</h1>
<p>在无尽的黑夜,所有都快要毁灭</p>
<p>至少我还有梦</p>
<!--水平线标签-->
<hr>
<p>
<!--换行标签,换行标签-->
我是太阳<br/>
你是月亮<br/>
<!--字体样式标签-->
<strong>我是粗体</strong>
<p>
<em>我是斜体</em>
<p>
<!--注释和特殊符号>
<!--我是注释,你看不到我-->
空格: 大于号:>小于号:<引号:"版权符号:©<p>
<!--图像标签的基本语法-->
<img src="help_steps.jpg" alt="这是一张图片" title="鼠标停留在图片上的时候会提示文字"/>
</body>
</html>
超链接的基本语法
<html>
<head>
<title>聚美优品新手指男页面</title>
</head>
<body>
<a name="dingbu"></a>
<p>
<img src="logo.jpg"/><img src="login_step1.jpg"/>
<p>
<a href="#">常见问题</a> <a href="#">用户协议</a> <a href="#zhuce">注册帮助</a> <a href="#bz">登录帮助</a>
<h1>新手指南 - 登陆或注册</h1>
<p>
<strong>购物流程</strong>
<p>
<img src="help_steps.jpg"><p>
<h2>新用户注册</h2>
<h3>1.点击页面右上方!注册!按钮注册聚美优品帐号</h3>
<img src"lsignup_step1.jpg"/><p>
<h3>2.注册前请仔细阅读《聚美优品用户协议》如没有异议请点击协议并注册!</h3>
<a name="zhuce"><img src="signup_step2.jpg"/></a><p>
<h3>注册成功后系统将自动登陆您的帐号,并转至聚美优品首页</h3><p>
<h1>登陆</h1>
<h3>1.如果您已经拥有了聚美优品帐号,请点击页面上方的登陆按钮</h3>
<a name="bz"><img src="login_step1.jpg"></a><p>
<h3>在登陆页面的信息懒填入对应的信息,点击登陆按钮,登陆成功后自动调至聚美优品首页</h3>
<img src="signup_step2.jpg"><p>
©版权归李杰所有!
</body>
</html>
helf:表示连接地址!target:指定在哪个窗口打开,常用的取值_self自身窗口,_blank新建窗口,当超链接helf路径为#时,表示空连接,
锚链接:name为a标签的属性,zhuce为标记名,a helf="#zhuce"表示点击后会跳到zhuce这里
总结:
HTML的文件基本结构包括页面声明,头部,主体等
网页基本标签:标题<h1><h6>,<段落p>,<水平线hr>,<换行标签br/><字体样式strong,em>等!
编写HTML要遵守w3c标准
插入图片时<img />src和alt属性必选
超链接a标签用于建立页面间的的导航连接,连接分锚链接功能性连接页面链接
HTML不区分大小写