HTML标签

目标:能够写出基本的页面,里面包含文字,图片,各种标签以及链接

**

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>

文本格式化标签
在这里插入图片描述
标签属性

  1. 标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。
  2. 属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。
  3. 任何标签的属性都有默认值,省略该属性则取默认值。
    采取 键值对 的格式 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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值