首页 > 其他分享 >html 笔记梳理

html 笔记梳理

时间:2024-12-30 20:57:00浏览次数:3  
标签:浏览器 定义 元素 html 笔记 HTML 引用 文本 梳理

style 属性用于改变 HTML 元素的样式。
通过 HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。

background-color 属性为元素定义了背景颜色:
<body style="background-color:yellow">            //大背景是黄色
<h2 style="background-color:red">This is a heading</h2>     //这一行的背景是红色
<p style="background-color:green">This is a paragraph.</p>   //这一行的背景是绿色
</body>

font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸:
<body>
<h1 style="font-family:verdana">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>

text-align 属性规定了元素中文本的水平对齐方式:
<body>  
<h1 style="text-align:center">This is a heading</h1>
<p>The heading above is aligned to the center of this page.</p>
</body>

HTML <q> 用于短的引用
HTML <q> 元素定义短的引用。
浏览器通常会为 <q> 元素包围引号。
例如:<p>WWF 的目标是:<q>构建人与自然和谐共存的世界。</q></p>
//结果为  WWF 的目标是“构建人与自然和谐相处的世界”
 

HTML <img> alt 属性
alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。<img> 标签的 alt 属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容。

<pre>
这是
预格式文本。
它保留了      空格
和换行。
</pre>

//运行之后,文本结果与代码相同
如:
这是
预格式文本。
它保留了      空格
和换行。
//这里是换行

使用 blockquote 元素的话,浏览器会插入换行和外边距,浏览器通常会对 <blockquote> 元素进行缩进处理。而 q 元素不会有任何特殊的呈现。浏览器通常会为 <q> 元素包围引号。
<p>
这是短的引用。
</q>
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote>

用于缩略词的 HTML <abbr>
HTML <abbr> 元素定义缩写或首字母缩略语。
对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。
例如:
<p><abbr title="World Health Organization">WHO</abbr> 成立于 1948 年。</p>
只需鼠标停留在WHO上方(WHO不会显示为斜体),便会有一个类似按钮出现,上面的内容是World Health Organization

用于定义的 HTML <dfn>
HTML <dfn> 元素定义项目或缩写的定义。
使用这个即可:<p><dfn title="World Health Organization">WHO</dfn> 成立于 1948 年。</p>

用于联系信息的 HTML <address>
HTML <address> 元素定义文档或文章的联系信息(作者/拥有者)。
此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。

照常的格式即可:
<address>
Written by Donald Duck.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

用于著作标题的 HTML <cite>
HTML <cite> 元素定义著作的标题。
浏览器通常会以斜体显示 <cite> 元素。
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>

用于双向重写的 HTML <bdo>
HTML <bdo> 元素定义双流向覆盖(bi-directional override)。
<bdo> 元素用于覆盖当前文本方向(文本将从右向左进行书写):
例如:<bdo dir="rtl">This text will be written from right to left</bdo>
输出为:This line will be written from right to left
 

标签:浏览器,定义,元素,html,笔记,HTML,引用,文本,梳理
From: https://blog.csdn.net/2301_79819412/article/details/144834030

相关文章

  • rabbitmq学习笔记
    RabbitMQ简介简介2006年,AMQP规范发布。2007年,Rabbit技术公司基于AMQP标准开发的RabbitMQ1.0发布AMQP​AMQP,即AdvancedMessageQueuingProtocol,一个提供统一消息服务的应用层标准高级消息队列协议,是应用层协议的一个开放标准,为面向消息的中间件设计。基于此协议......
  • 8086汇编(16位汇编)学习笔记10.寄存器总结
    8086汇编(16位汇编)学习笔记10.寄存器总结-C/C++基础-断点社区-专业的老牌游戏安全技术交流社区-BpSend.net寄存器8086CPU有14个寄存器它们的名称为:AX、BX、CX、DX、SI、DI、SP、BP、 IP**、CS、DS、ES、**SS、PSW。8086CPU所有的寄存器都是16位的,可以存放两个字节。AX、......
  • 读书笔记
    《程序员的修炼之道:从小工到专家》的第六章主要集中在如何持续学习与自我提升。以下是这一章节的读书笔记,概述了其中的一些主要观点和概念。程序员的职业生涯中,技术是不断发展的,学习新技术和工具已成为必然。提升自己的技能是走向专家之路的重要一步。持续学习不仅可以增广自己的......
  • 《计算机组成及汇编语言原理》阅读笔记:p133-p159
    《计算机组成及汇编语言原理》学习第11天,p133-p159总结,总计27页。一、技术总结1.segment(1)定义Broadlyspeaking,acontiguoussectionofmemory.Morespecifically,asectionofmemoryreferencedbyoneofthesegmentregistersofthe80x86family.Theme......
  • RL强化学习基础教程(李宏毅老师课程笔记)
    RL概述增强式学习(一)与机器学习一样都是三个步骤那RL可以講的技術啊,非常非常地多,它不是在一堂課裡面可以講得完的,我甚至覺得說,如果有人要把它開成一整個學期的課,可能也是有這麼多東西可以講,所以今天啊,這堂課的目的,並不是要告訴你有關RL的一切,而是讓大家有一個基本的認識,大概......
  • [笔记]Airflow入门
    前言Airflow入门教程正文简介任务管理、调度、监控工作流平台。基于DAG(有向无环图)的任务管理系统。基本架构组件scheduler:以有向无环图(dag)的形式创建任务工作流,根据用户的配置将任务定时/定期进行调度worker:任务的执行单元,worker会从任务队列当中拉取任务并运行......
  • html中<script> 标签中type值及其含义
    在HTML中的script标签中,type属性用于指定脚本的MIME类型,也即告诉浏览器该如何解释和处理脚本的内容。常用的type值以及它们的含义如下:1.type=“text/javascript”含义:指定脚本是JavaScript类型。这是早期的标准方式,现代浏览器默认都会将script标签中的内容当作J......
  • 电路笔记(三)电阻电路的一般分析(一)
    内容源于蜂考  1.KCL和KVL的独立方程数  例题:2.支路电流法 例题:3.网孔电流法 例题: ......
  • sed笔记
    通过sed在匹配行后面添加一行文本实例你可以用sed命令在匹配到SETrow_security=off;这一行之后插入指定的文本。假设你想把xxxxx替换为--Thisisacomment方法:sed'/SETrow_security=off;/a\--Thisisacomment'*create_obj.sql参数解释:/SETr......
  • WPF笔记13——CommunityToolKit.Mvvm
    1、[ObservableProperty]标记private字段上有[ObservableProperty]标记,CommunityToolkit.Mvvm会自动给它生成一个对应的public属性,并在属性值改变时自动触发属性变更通知。2、[ObservableObject]标记ObservableObject类型实现了实现了INotifyPropertyChanged和INotifyProperty......