HTML(一)

一、HTML基础

1、块级元素和内联元素

在 HTML 中有两种重要元素类别,块级元素和内联元素。

  • 块级元素在页面中以块的形式展现。一个块级元素出现在它前面的内容之后的新行上。
  • 内联元素通常出现在块级元素中并环绕文档内容的一小部分,而不是一整个段落或者一组内容。内联元素不会导致文本换行。它通常与文本一起使用,例如,<a> 元素创建一个超链接,<em> 和 <strong> 等元素创建强调。

2、HTML 注释 

为了将一段 HTML 中的内容置为注释,需要将其用 <!-- 和 --> 包裹起来 

<p>我在注释外!</p>

<!-- <p>我在注释内!</p> -->

二、HTML 元信息

1、HTML 头部包含 HTML <head> 元素的内容,与 <body> 元素内容不同,页面在浏览器加载后它的内容不会在浏览器中显示,它的作用是保存页面的一些元数据

<head>
  <meta charset="utf-8" />
  <title>我的测试页面</title>
</head>

2、添加 name 和 content

许多 <meta> 元素包含了 name 和 content 属性:

  • name 指定了 meta 元素的类型;说明该元素包含了什么类型的信息。
  • content 指定了实际的元数据内容。

3、在 HTML 中应用 CSS 和 JavaScript 

<link> 元素经常位于文档的头部,rel="stylesheet" 表明这是文档的样式表,而 href 包含了样式表文件的路径:

<link rel="stylesheet" href="my-css-file.css" />

<script> 元素也应当放在文档的头部,并包含 src 属性来指向需要加载的 JavaScript 文件路径,同时最好加上 defer 以告诉浏览器在解析完成 HTML 后再加载 JavaScript:

<script src="my-js-file.js" defer></script>

三、HTML 文本处理

1、列表

<ol>
  <li>沿这条路走到头</li>
  <li>右转</li>
  <li>直行穿过第一个十字路口</li>
  <li>在第三个十字路口处左转</li>
  <li>继续走 300 米,学校就在你的右手边</li>
</ol>

2、强调

  • 斜体:
    <em>文本</em>
  • 加粗:
    <strong>文本</strong>

四、超链接 

(未完待续……) 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值