html知识点总结(一)

限时加码!20+主流AI编程工具免费用 购周边加赠Coding Plan Lite,Claude Code、Cursor等即刻畅享,学习进阶更高效! 阅读详情

一、基本语法。

1.常规标记

<标记  属性=“属性值” ></标记>

2.空标记

<标记  属性=“属性值”/>

说明:(1).写在<>中的第一个单词叫做 标记,也可叫做标签、元素;

   (2).标记和属性用空格隔开,属性和属性值用等号连接,属性值必须放在引号内; 

           (3).一个标记可没有属性也可以有很多属性,属性和属性之间不分先后顺序;

   (4).空标记没有结束标签,用“/”代替。

二、html常用的标记。

1. a: 强制换行<br/>

b: 加粗<b></b>    或者   <strong></strong>

c: 倾斜<em></em>     或者 <i></i>

2.文本标题标签

<h1>一级标题</h1>

<h2>二级标题</h2>

<h3>三级标题</h3>

<h4>四级标题</h4>

<h5>五级标题</h5>

<h6>六级标题</h6>

说明:从h1到h6字体依次变小,但都为粗体。

三、 列表分为三类。

1.无序列表 ul

<ul>

<li>.......</li>

<li>.......</li>

<li>.......</li>

</ul>

注:ul 中 li 的默认样式是 { list-style-type : disc; } 

2.有序列表 ol

<ol>

<li>.......</li>

<li>.......</li>

<li>.......</li>

</ol>

注:ol 中 li 的默认样式是 { list-style-type :  decimal; } 

有序列表中可用type改变排序类型

e.g. <ol type="a">

<li>我是有序列表一</li>

<li>我是有序列表二</li>

</ol>

在浏览器显示就是这样的:

a.我是有序列表一

b.我是有序列表二

3,自定义列表 dl

<dl>

<dt></dt>

<dd></dd>

</dl>

注:dt里一般放图片,dd放的是图片说明

四、插入图片。

<img src="图片路径及全称" alt=" " title="图片标题" />

注:alt属性是在你的图片因为某种原因不能加载出来是页面的提示信息,它会直接显示在原本加载图片的位置

title属性是在你鼠标停在该图片上是显示的一个小提示,鼠标离开就没有了。HTML的大多数标签都支持title属性。

五、超链接。

<a href="#"></a> 空链接

<a href="#" target="_blank" ></a>

属性 target

属性值: _blank 在新页面打开

_self <a> 标签是默认目标,在页面本身打开

_parent 这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,

那么它与目标 _self 等效。

_top 这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

<li>.......</li>
<li>.......</li>
<li>.......</li>

1.无序列表 ul

<ul>

<li>.......</li>

<li>.......</li>

<li>.......</li>

</ul>

注:ul 中 li 的默认样式是 { list-style-type : disc; } 

html知识点快速记忆( HTML快速回顾 (时间易逝,唯有学而思,思而学才更有味道) 知识点01:前端向后台请求的通道是HTTP协议;后台向前端反馈的通道叫接口。 知识点02:web组成的三层标准是结构(HTML)、表现样式(CSS)、行为(Javascript)。 知识点03:增加页面速度得技巧                  http请求:  服务器--"资源"---请求地址                 资... 阅读详情

相关推荐

HTML5自适应仿WP大学织梦整站源码(demo94)

HTML5自适应仿WP大学织梦整站源码(demo94) HTML5自适应仿WP大学织梦整站源码(demo94)

HTML基础

HTML基础 SEO–搜索引擎优化 达到广告点击、销售产品/服务,提升品牌的建设 HTML发展史 1991年HTML->1993HTML+ ->1995年HTML2.0->1997年1月HTML3.2->1997年1月HTML4.0->2014年HTML5 五大浏览器 IE、火狐、谷歌、Safari、Opera 浏览器组成:浏览器的外壳+浏览器内壳(渲染引擎+JS引擎) 五大浏览器内核 浏览器 渲染引擎 IE Trident Firefox Gecko Chrome Blink

尔尔er的博客 994

html5网站整站源码

非常不错的html5网站源码,可以供大家学习探讨!非常精美的设计!

学习HTML知识点总结

学习html段时间,在视频中结合自己设备和理解写出了关于html知识点

Zrf2191318455的博客 3196

html最全知识点(超级详细)

html最全知识点(超级详细) 、网页基础知识 1.认识网页(了解) 2.五大浏览器介绍(记忆) 概述 各浏览器的市场份额 查看网站: http://tongji.baidu.com/data/browser 浏览器内核 3.Web标准(记忆) 为什么会有web标准 Web 标准构成 图解Web标准 把个页面看成个人 **结构标准:**决定是否有个好的身体。 **样式标准:**决定是否化妆的美丽漂亮。 **行为标准:**决定是否有吸引人的行为。 二、HTML基础概念 1.HTML

xiaotai1234的博客 1万+

HTML基础知识点总结

HTML 全称为 HyperText Mark-up Language,翻译为超文本标签语言,标签也称作标记或者元 素。HTML 是目前网络上应用最为广泛的技术之,也是构成网页文档的主要基石之HTML 文本可以说明文字、图形、动画、声音、表格、链接等。

cx0112的博客 4634

html知识点总结

.基本知识 HTML 指的是超文本标记语言:HyperTextMarkupLanguage HTML 标记标签通常被称为HTML 标签 (HTML tag) <标签>内容</标签> HTML 元素包含了开始标签与结束标签,元素的内容是开始标签与结束标签之间的内容,元素属性是 HTML 元素提供的附加信息。 基本HTML 网页结构如下,body标签内的才是我们在浏览器上所视内容 <!DOCTYPE html> <html&gt...

qq_24970227的博客 250

小时带你学会HTML知识点总结】

这是入手开发web前端的开始,后续也会发布有关于css、JavaScript、vue、springboot、 jdbc、servlet等文章,我写此文的目的是为了记录我入手制作个上线网站的开始,目前也正在学习中,在不断的学习中,不断总结、不断进步!

weixin_61605998的博客 2491

HTML知识点总结(

文章目录1.DOCTYPE 的作用是什么?功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入段漂亮的代码片生成个适合你的列表创建个表格设定内容居中、居左、居右SmartyPants创建个自定义列表如何创建个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 大家好!这是HTML知...

qq_43672044的博客 292

HTML知识点

HTML基础知识 <!DOCTYPE html> <!-- 文档声明标签,告诉浏览器使用哪种HtMl5版本显示网页 --> <html lang="zh-CN"> <!-- 定义当前文档显示的语言 en英文 zh-CN中文 --> <head> <meta charset="UTF-8"> <!-- 字符...

xiaotaiyang__的博客 334

HTML基础知识点总结

、什么是HTML? HTML是超文本标记语言,是种用来描述网页的标记语言.我们可以这样理解“超文本”,普通的文件文件例如记事本编辑文字内容,而超文本可以通过编辑文字的没内容显示文字、图片、视频...,所以超文本就是文本更加高级。HTML中的标记(标签)不是我们自己定义的,而是HTML语法规范提供的。 例如:<html></html>, <head></head>...... 我们学习html就是学习它的标记。 二、HTML的...

weixin_52192654的博客 437

HTML知识点总结!(

     HTML和CSS知识点总结!() (1)HTML和CSS的关系   学习web前端开发基础技术需要掌握HTML、CSS、JavaScript语言。 HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦

weixin_47563991的博客 3471

html特性怎么记住,HTML5的你应该记住的知识点

刚开始学HTML5是从w3school开始的,那只是非常简单的些了解,后面开始看些兄弟连的HTML5+CSS3的视频,照着视频做了些 简单的demo(需要的童鞋可以联系我,当然网上也可以下到~~~),后面总感觉还是少了点什么,就开始买书看 看的是唐俊开的《HTML5移动Web开发指南》,以下是些简单的知识点,只限于和我样的菜鸟瞄两眼,高手勿入~~~!!!1 :基于HTML5的移动Web应...

weixin_39946355的博客 162

HTML5知识点总结(

HTML5基础 <!DOCTYPE html>//文档类型声明 <html>//开头 <head> //html文件信息 <meta charset="utf-8" />//字符编码语言 <title></title> //标题 </head> <body> //需要呈现的内容 </body> </html> 注意:html标签最好都以小写字母呈现,并且大部分

溪斜山遮的博客 2915

HTML知识点总结(标签)(

HTML知识点总结(标签)() 学习web前端开发技术需要掌握HTML,CSS,JavaScript语言 1.HTML是网页内容的载体。放些用户要浏览的信息,可以包含文字,图片,视频等。 2.CSS样式是表现。字体颜色,加入背景图片,边框等。改变外观的语言。 3.JavaScript是用来实现网页上的特效效果。轮换,交互,例如图片的滚动。 标签 标签的语法 1.标签由英文尖括号&amp;lt;和&amp;...

weixin_44119209的博客 301

HTML和CSS知识点总结

HTML和CSS必知必会,绝对原创,网上博客前篇律,这同时也是为了大家理解起来方便点去理解,学起来更轻松,希望大家从中获取到有用的知识,而不是放在文件夹落灰了,那样就失去了文章价值存在的意义了,本人也正在努力,希望对文章中存在的错误积极指正,感谢大家。

qq_62552617的博客 515
下一篇: echarts图表自适应(eachrts.resize)
Alice18
博客等级 码龄9年 0粉丝 13原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值