HTML基础知识介绍——HTML属性、样式、引用

最新推荐文章于 2022-08-13 17:53:13 发布
最新推荐文章于 2022-08-13 17:53:13 发布
阅读量292 收藏
点赞数
分类专栏： HTML 文章标签： HTML引用 HTML文本格式化标签 HTML属性 HTML样式 计算机代码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37196494/article/details/99884191
版权
  1. HTML属性：以名称/值对的形式出现（HTML元素的开始标签中规定）
example：
<h1>定义标签的开始
                <h1 align="center">拥有关于对齐方式的附加信息
<body>定义HTML文档的主题
                 <body bgcolor="yellow">拥有关于背景颜色的 附加信息
 <table>定义HTML表格
                   <table border="1">拥有关于表格边框的附加信息
属性值描述
classclassname规定元素的类名
idid规定元素的唯一id
stylestyle_definition规定元素的行内样式
titletext规定元素的额外信息（工具提示）

 

 

 

 

 

 

默认情况下，HTML会自动在块级元素前后添加一个额外的空行（段落，标题等）

HTML水平线：<hr/>标签在HTML页面中创建水平线——hr元素可用于分隔内容
HTML注释：<!--XXXXXXXXX-->

当显示页面是有多个空格或空行。浏览器会移除源代码中多余的空格和空行
所有连续的空格或 空行都会被算作一个空格

ps:HTML代码中的所有连续的空行（换行）也被视作一个空格

HTML样式：

style属性用于改变HTML元素的样式《提供了一种改变所有HTML元素的样式的通用方法》

background-color属性为元素定义了背景颜色

font-family属性定义元素中文本的字体系列

color：颜色

font-size：字体尺寸

text-align：元素中文本的水平对齐方式

文本格式化标签：

  • <b>  ：定义粗体文本
  • <big>: 定义大号字
  • <i>  : 定义斜体字
  • <ins>: 定义插入字
  • <del>: 定义删除字

HTML引用：

  • <q>元素: 定义短的引用（浏览器通常会为<q>包围引号）
  • <blockquote>:用于长引号（浏览器通常会对元素进行缩进处理）
  • <abbr>:定义缩写或首字母缩略语
  • <dfn>:定义项目或缩写的定义
  • <address>:定义文档或文章的联系信息（作者/拥有者）《通常以斜体显示》
  • <cite>:定义著作的标题《以斜体显示》
  • <bdo>:用于双向重写（覆盖当前文本方向）

计算机代码：
        <kbd>,<samp>,<code>元素全都支持固定的字母尺寸和间距
<kbd>:定义键盘输入
<samp>：定义计算机输出示例
<code>：定义编程代码示例《code元素不保留多余的空格和折行》
 ps：如果想保留空格和折行，在<pre>元素中包围代码
<var>元素定义数学变量

通过使用HTML4.0，所有的格式化代码均可移出HTML文档，然后被移入一个独立的样式表
当浏览器读到一个样式表，他就会按照这个样式表来对文档进行格式化

三种方法来插入样式表：

  • 外部样式表：<link>
  • 内部样式表：head部分<style>
  • 内联样式

 

 

混吃混喝的废物
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html入门/元素/属性/格式化/样式
qq_29988575的博客
02-26 375
最近项目进入测试阶段，测试姐姐一个人无法分身，故找了下html 学习一下  推荐不错的网站 http://www.w3school.com.cn  学习笔记整理 一、入门 1、标题 --- 2、段落 标题 段落. 3、链接 这是个链接。。 4、图像  二、元素 1、建议小写 2、有开头就有结尾 换行例外 三、属性 1、标题
web标准知识——用途相似的标签
10-30
为了引用来源，`<q>`标签可以使用`cite`属性，指向引用的具体出处。例如： ```html <q cite="http://andymao.com/andy/post/92.html">这次的内容会让你更进一步的了解到关于段落里的细节 ``` `<cite>`标签则用于...
HTML--样式属性
Y_I0I0的博客
06-19 241
文本属性： 字体、字号： font（缩写形式） font-weight（粗细） font-size（大小） font-family（字体） 行距、对齐等： line-height （行高） text-align （对齐） letter-spacing （字符间距） text-decoration （文本
html_样式表和常用样式属性
Jenny的博客
05-01 685
html_样式表和常用样式属性
html中样式属性有哪些,HTML的基础知识.关于css样式表和样式属性的详细介绍
weixin_30750081的博客
06-04 272
这次给大家带来HTML的基础知识.关于css样式表和样式属性的详细介绍，使用HTML的基础知识css样式表和样式属性的注意事项有哪些，下面就是实战案例，一起来看一下。一、position：fixed锁定位置(相对于浏览器的位置)，例如有些网站的右下角的弹出窗口。二、position：absolute绝对位置：1.外层没有position：absolute(或relative)；那么p相对于浏览器定...
html自带样式属性与css样式属性的区别
codewave的博客
03-16 1496
html标签中的width属性和css里的width属性到底有什么区别？你是怎么知道的？ https://segmentfault.com/q/1010000010068325
HTML语言学习教程——HTML语言剖析[参照].pdf
10-11
HTML的学习不仅涵盖了以上这些基础知识，还包括了对响应式设计、无障碍访问、框架和库的使用等进阶概念。理解并熟练运用HTML是成为一名合格的前端开发者的关键步骤，而深入学习HTML将为你打开互联网世界的大门。
HTML基础教程笔记
04-09
HTML，全称Hyper Text Markup Language，...通过理解和实践这些基础知识，你可以开始创建自己的简单网页。随着技能的提升，还可以探索更高级的概念，如表格、图像、框架、表单和CSS样式，以创建更加复杂和美观的网页。
HTML开发王
01-03
7.1 链接的基础知识 7.2 了解文档位置和路径 7.2.1 绝对路径 7.2.2 文档相对路径 7.2.3 区分uri、url和urn 7.2.4 区分本地链接和服务器链接 7.3 使用a元素定义链接 7.3.1 定义链接的目标uri(href属性) 7.3.2 定义...
【前端理论】css样式与html属性
zhangankang的博客
06-09 681
【背景】 早期元素的样式都在html元素中写，所以导致一些html属性与现在的css样式容易混淆。比如表格元素中的width属性！（h5中已废弃，但有的浏览器也能正常显示） 后来兴起：结构与样式分离（style元素与html元素分离；css文件与html文件的分离），样式名与属性名才逐渐划开界限，用于实现样式的属性名也逐渐被废弃，正式被css样式取代。 【区别】 1、书写格式不同 css样式书写格式==>：选择器{样式名：样式值；} <style> div{width:20px;} &l
HTML基础知识一（HTML、常见方式、文档结构、<meta>、 网站文件命名、文本修饰、文本样式、段落标记、居中标记、水平线标记、特殊字符、列表、图像）
张新丁
05-09 2397
1、 HTML 全称：Hyper Text Mark-up Language超文本标记语言 2、 发展史： 3、 常见方式： 方法一、记事本 方法二：Dreamweaver 方法三：web浏览器动态生成 4、 文档结构： &lt;html&gt;&lt;/html&gt;网站文件的开始和结束 &lt;head&gt;&lt;/head&gt;网站文件的头部信息 &lt;titl...
html 中属性和样式的区别
yy的博客
11-07 1214
问题来源于 jQuery的学习 在给一张图片设置图片路径的时候 我想到的是css()方法 可是 这个方法 使用无效 正确的应该是使用 attr() 和prop()方法 百思不得其解 。 css()方法 是设置样式 attr() 与prop（）方法 是设置属性。 什么是样式 什么是属性 ？ 总感觉好像有重叠的地方。 网上搜了之后 发现 属性>样式 style ="" 这本身是一个属性 里面的值就是一个个的样式 所以这是一个样式属性。而 <img src="" style="">
简易计算机html代码,HTML 计算机代码元素
weixin_35132022的博客
06-08 1356
HTML 计算机代码元素计算机代码以下是html代码在页面特定标签里的显示方式html>炫代码(www.xuandaima.com)HTML 变量格式化 标签是一个短语标签，用来格式化文档中的文本为变量。这个标签经常与 和 标签一起使用，用来显示计算机编程代码范例及类似方面的特定元素。案例如果碗里有n种水果，那么至少n－2种会是熟的。如果碗里有n种水果，那么至少n－2种会是熟的。HTML...
HTML常用基本标签
weixin_33701251的博客
01-14 365
基本结构标签: <HTML>,表示该文件为HTML文件 <HEAD>,包含文件的标题,使用的脚本,样式定义等 <TITLE>---</TITLE>,包含文件的标题,标题出现在浏览器标题栏中 </HEAD>,<HEAD>的结束标志 <BODY>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览...
html文本显示_HTML入门知识-基础概念
weixin_39625258的博客
12-01 291
HTML- Hypertext Markup Language HTML 即超文本标记语言,用于搭建网页的结构 用户如何查看网页?在互联网运行过程中,程序员将网页源文件上传到服务器进行存储，用户后期通过客户端（如浏览器软件）发送HTTP请求到服务器，服务器接收请求后进行响应，将存储的相关文件通过HTTP响应回传到用户本地客户端，最终通过客户端将网页文件进行渲染，显示出最终用户看到的网页效果。! 三...
常用html标签及其属性
weixin_53988377的博客
07-16 1万+
网页的基本结构文档类型声明标签文档标记标签文档的头部标签文档的主体标签。
HTML基础复习（中）
lb569484787的博客
09-11 889
九、HTML 计算机代码元素 HTML 计算机代码格式 通常，HTML 使用可变的字母尺寸，以及可变的字母间距。 在显示计算机代码示例时，并不需要如此。 <kbd>, <samp>, 以及 <code> 元素全都支持固定的字母尺寸和间距。 1.HTML 键盘格式 HTML <kbd> 元素定义键盘输入。 2.HTML 样本格式 HTML <sa...
用HTML实现简易版计算器
热门推荐
lkllkl123123的博客
08-13 1万+
计算器功能：实现了加减乘除、清零、回退、四则运算等等 HTML部分：用表格添加按键，用div块显示内容 CSS部分：将显示的内容定位到div块右下角 JavaScript部分：通过innerTHML属性添加 / 获取所需计算的内容，再调用eval方法将获取到的内容转换为js代码进行计算........................
CSS从入门到精通——基础知识
最新发布
09-18
CSS是层叠样式表（Cascading Style Sheets）的缩写，用于为网页添加样式和布局。在CSS中，可以通过选择器选中HTML元素，然后为这些元素应用样式。CSS的基础知识包括以下几个方面： 1. 选择器：CSS使用选择器来选中HTML元素。常见的选择器包括标签选择器、类选择器、ID选择器和属性选择器等。 2. 样式属性：CSS样式属性用于改变HTML元素的外观。常见的样式属性包括颜色、背景、字体、边框、尺寸、间距等。 3. 盒子模型：在CSS中，每个HTML元素都被看作一个盒子，由内容区域、内边距区域、边框区域和外边距区域组成。可以通过设置这些区域的属性来控制盒子的尺寸和布局。 4. 层叠和继承：CSS样式具有层叠和继承的特性。层叠指的是多个样式同时作用于一个元素时，如何确定最终的样式结果。而继承指的是子元素可以继承父元素的样式属性。 5. 相对单位和绝对单位：在CSS中，可以使用像素（px）、百分比（%）和em等单位来定义尺寸和距离。相对单位相对于父元素或者自身的尺寸来计算，而绝对单位是固定的。 这些是CSS的基础知识，掌握了这些基础知识后，你可以开始学习更高级的CSS技巧和布局方法。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值