html学习1 2021-03-22

HTML学习笔记-1

一、基础

  1. 标题,段落,链接,图像
    <html></html> 之间的文本描述网页
    <body></body> 之间的文本是可见的页面内容
    <h1></h1> 之间的文本被显示为标题,之后的<h2>~<h6>分别是各种副标题。
    <hr>定义水平分割线。
    注意:
    <head> 标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
    h元素<h1><h6>标签用来定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。由于 h 元素拥有确切的语义,因此要慎重地选择恰当的标签层级来构建文档的结构。

    段落<p></p> 之间的文本被显示为段落
    链接<a href = "url"></a>之间的文本是名称,url 是链接的地址
    图像:图像通过 <img> 标签进行定义的。例:<img src="a.jpg" width="104" height="142" />

  2. 空元素
    没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。如<br>为换行

  3. 属性
    HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现,比如:name=“value”。属性总是在 HTML 元素的开始标签中规定。
    适用于大多数HTML的属性

  4. 注释:<!-- This is a comment -->

  5. 样式:style
    style 属性的作用:提供了一种改变所有 HTML 元素的样式的通用方法。与css相关,后续css学习中再具体研究。

  6. 格式化:
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    图片来自w3cschool,其中计算机输出标签我也不知道有什么样式上的变化。

  7. 超链接
    超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
    把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
    通过使用 <a> 标签在 HTML 中创建链接。
    有两种使用 <a> 标签的方式:
    (1)通过使用 href 属性 - 创建指向另一个文档的链接
    (2)通过使用 name 属性 - 创建文档内的书签

(1)hred = “url” 引用链接的地址
target属性可以定义被链接的文档在何处显示。如:target="_blank"表示在新标签页打开
href也可以是当前网站的相对地址。url用"/…"表示。
(2)通过使用 name 属性:可以达到链接到页面中位置的效果
name 属性规定锚(anchor)的名称。
可以使用 name 属性创建 HTML 页面中的书签。
书签不会以任何特殊方式显示,它对读者是不可见的。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值