HTML基础

/*

标题标签,段落标签,换行标签,水平线标签,字体样式标签,注释和特殊符号标签,图像标签,链接标签,超链接基本用法,页面间链接,锚链接!

*/

<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>
	<!--注释和特殊符号>
		<!--我是注释,你看不到我-->
		空格: 大于号:>小于号:<引号:"版权符号:&copy;<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>
                 &copy;版权归李杰所有!
</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不区分大小写




  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值