HTML入门

1.通过使用标签 <em> 和 </em> (在前面放置 <em> 打开元素,在后面放置 </em> 关闭元素)——这使得行内容变成斜体强调

2.你也可以把元素放到其它元素之中——这被称作嵌套。如果我们想要表明我们的小猫脾气很暴躁,可以将very嵌套在<strong> 中,意味着这个单词被着重强调

3.在HTML中有两种你需要知道的重要元素类别,块级元素和内联元素。

  • 块级元素在页面中以块的形式展现 —— 相对与其前面的内容它会出现在新的一行,其后的内容也会被挤到下一行展现。块级元素通常用于展示页面上结构化的内容,例如段落、列表、导航菜单、页脚等等。一个以block形式展现的块级元素不会被嵌套进内联元素中,但可以嵌套在其它块级元素中。
  • 内联元素通常出现在块级元素中并包裹文档内容的一小部分,而不是一整个段落或者一组内容。内联元素不会导致文本换行:它通常出现在一堆文字之间例如超链接元素<a>或者强调元素<em>和 <strong>

4.空元素:不是所有元素都拥有开始标签,内容和结束标记. 一些元素只有一个标签,通常用来在此元素所在位置插入/嵌入一些东西 。例如:元素<img>是用来在元素<img>所在位置插入一张指定的图片。例如:元素<img>是用来在元素<img>所在位置插入一张指定的图片。

5.属性:

元素也可以拥有属性,属性包含元素的额外信息,这些信息不会出现在实际的内容中。在上述例子中,这个class属性给元素赋了一个识别的名字(id),这个名字此后可以被用来识别此元素的样式信息和其他信息。

一个属性必须包含如下内容:

  1. 在元素和属性之间有个空格space (如果有一个或多个已存在的属性,就与前一个属性之间有一个空格.)
  2. 属性后面紧跟着一个“=”符号.
  3. 有一个属性值,由一对引号“ ”引起来.

另一个例子是关于元素<a>的——元素<a>是锚,它使被标签包裹的内容成为一个超链接。此元素也可以添加大量的属性,其中几个如下:

 

  • href: 这个属性声明超链接的web地址,当这个链接被点击浏览器会跳转至href声明的web地址。例如: href="https://www.mozilla.org/"
  • title: 标题title 属性为超链接声明额外的信息,比如你将链接至那个页面。例如: title="The Mozilla homepage"。当鼠标悬浮时,将出现一个工具提示。
  • target: 目标target 属性指定将用于显示链接的浏览上下文。 例如, target="_blank" 将在新标签页中显示链接。如果你希望在目前标签页显示链接,只需忽略这个属性。

布尔属性:

有时你会看到没有值的属性,它是合法的。这些属性被称为布尔属性,他们只能有跟它的属性名一样的属性值。例如 disabled 属性,他们可以标记表单输入使之变为不可用(变灰色),此时用户不能向他们输入任何数据。

<input type="text" disabled="disabled">

采用如下简写更佳(下面一句为可用可输入数据的文本框,以作为对比):

<input type="text" disabled>

<input type="text">

 

省略包围属性值的引号:单引号和双引号不能再一个属性值里面混用,在一个HTML中已使用一种引号,你可以在此引号中嵌套另外一种引号,如果你想将引号当作文本显示在html中,你就必须使用 实体引用

html注释:为了将一段HTML中的内容置为注释,你需要将其用特殊的记号<!--和-->包括起来

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值