【HTML】前端学习DAY1知识点小结

本文介绍了HTML的基础知识,包括属性、标题段落、文本格式化、链接的id和target属性、head与header的区别、样式实例、图像和表格的使用。讲解了class、id属性的规则,以及如何创建链接、格式化文本、设置背景色和字体样式,并对比了link与@import的差异。
摘要由CSDN通过智能技术生成

1. html属性

  1. 属性总是以名称/值对的形式出现,比如:name=“value”。
  2. 属性一般描述于开始标签
  3. 属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。
    Remark提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name=‘John “ShotGun” Nelson’
  4. class 属性可以多用 class=" " (引号里面可以填入多个class属性)
    id 属性只能单独设置 id=" "(只能填写一个,多个无效)

2. html标题段落

  1. <hr> 标签在 HTML 页面中创建水平线。
    <br> 换行
    说明:
    早期发布的 HTML 规范当中,<br> <img> 等元素是不用封闭自身的,但是这种元素造成了 HTML 规范的不严谨,于是在之后发布的 XHTML 语言中,参考了更为严谨的 XML 规范,在这些不用自身封闭的元素后加 / 来表示自行封闭,在逻辑上来讲等同于<br>....</br>(但是没有 </br> 这种写法),这样一来保证了较少的代码量,二来保证了规范的严谨。
  2. <!-- 这是一个注释 -->
  3. 需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

3. HTML 文本格式化

  1. 粗体斜体
    <b>(“bold”) 与 <i>(“italic”) 对输出的文本进行格式, 如:粗体 or 斜体
    通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。
    说明:
    <b> <i> 定义粗体或斜体文本。
    <strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。
  2. 上标下标放大缩小等等
    <sub>下标</sub>
    <sup>上标</sup>
    <small>这个文本是缩小的</small>
  3. 使用 pre 标签对空行和空格进行控制。
  4. <b>粗体文本</b>
    <code>计算机代码</code>
    <em>强调文本</em>
    <i>斜体文本</i>
    <kbd>键盘输入</kbd>
    <pre>预格式化文本</pre>
    <small>更小的文本</small>
    <strong>重要的文本
    <abbr> (缩写)
    <address> (联系信息)
    <bdo> (文字方向)
    <blockquote> (从另一个源引用的部分)
    <cite> (工作的名称)
    <del> (删除的文本)
    <ins> (插入的文本)
    <sub> (下标文本)
    <sup> (上标文本)

3. HTML 文本格式化

HTML 链接 - target 属性. 使用 target 属性,定义被链接的文档在何处显示。

<a href="http://www.runoob.com/" target="_blank">访问菜鸟教程!</a>
如果你将 target 属性设置为 blank;, 链接将在新窗口打开

<pre> 标签可定义预格式化的文本。

被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

4. HTML 链接- id 属性

    <a href="#100"
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值