目标:能够写出基本的页面,里面包含文字,图片,各种标签以及链接
**
web前端
**
开发者工具:
hrome 、 sublime 、 photoshop
Web 标准构成:
主要包括结构(Structure)–HTML、表现(Presentation)–CSS和行为(Behavior)–Javascript 三个方面。
**
HTML骨架
<HTML>
<head>
<title></title>
</head>
<body>
</body>
</HTML>
猪八戒记忆法:
HTML标签分类
1.双标签
- <标签名> 内容 </标签名>
- 比如
<body>我是文字 </body>
2.单标签 - <标签名 />
- 比如
<br />
HTML标签关系
1.嵌套关系
<head> <title> </title> </head>
2.并列关系
<head></head><body></body>
HTML常用标签
标题标签
- HTML提供了6个等级的标题
<h1>、<h2>、<h3>、<h4>、<h5>和<h6>
语法:
- <hn> 标题文本 </hn>
段落标签
<p> 文本内容 </p>
水平线标签
<hr />是单标签
换行标签
<br />
div span标签
<div> 这是头部 </div> <span>哈哈</span>
文本格式化标签
标签属性
- 标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。
- 属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。
- 任何标签的属性都有默认值,省略该属性则取默认值。
采取 键值对 的格式 key=“value” 的格式 ,比如:
<hr width="400" />
图像标签img
<img src="图像URL" />
链接标签
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
- href:用于指定链接目标的url地址,当为标签应用href属性时,它就具有了超链接的功能。
target:用于指定链接页面的打开方式,其取值有self和blank两种,其中self为默认值,blank为在新窗口中打开方式。
锚点定位
- 1.使用“a href=”#id名>“链接文本"创建链接文本(被点击的)
<a href="#two">
- 2.使用相应的id名标注跳转目标的位置。
<h3 id="two">第2集</h3>