html——超文本标记语言,知识点小结

简介: html——超文本标记语言,知识点小结

HTML

html概念:HTML全称是超文本标记语言(Hyper Text Marlup Language),它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的internet资源连接为一个逻辑整体

1) html通常被称为静态网页

2)HTML是带html或htm扩展名的文件

3)HTML的一些标签代码规则将内容呈现在浏览器中所需的风格

4)HTML可以使用记事本创建,并以.html或.htm为扩展名保存

基本标签

文本标签

常用文本标签

       <em>  斜体      <i> 定义斜体字

       <strong> 加粗    <b>  定义加粗字体

       <del> 删除线 <s>删除线

       <ins>下划线   <u>下划线

       (标红色表示强调

       <sub> 定义下标字

       <sup>  定义上标字

       <pre>标签控制空行和空格

<span>元素没有特定含义

(同<div>相同,是一个盒子,但<div>一行只能有一个,<span>一行可以有多个)

标题标签

       <h1></h1>  --  <h6></h6>

段落标签

       <p> 文本 </p>

换行标签

       <br>或<br/>

水平线标签  <hr>

属性有:

       coler:设置水平线颜色

       width:设置水平线长度

       size:设置水平线大小

       align:设置水平线的对齐方式(默认居中),可取值left/right

图片标签  <img>

属性有:

       alt:规定图像代替文本       (图像不能显示时,显示的文本)

        title:鼠标悬停图片给予提示

       width:设置图像的宽度

       height:设置图像高度

       border:设置图像边框粗细

图像标签可以拥有多个属性,必须写在标签名的后面。

属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。

属性采取键值对的格式,即 key= "value”的格式,属性=“属性值”

       src:路径

       相对路径 : 以引用文件所在位置为参考基础,而建立出的目录路径。

       这里简单来说,图片相对于HTML页面的位置。

 /         下一级目录        

./         当前目录              

../       上一级目录

       绝对路径 : 是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。

超文本将连接标签  <a>

href:链接

链接分类

1.外部链接:例如<a href="http:/l www.baidu.com">百度</a>

2.内部链接:网站内部页面之间的相互链接,直接链接内部页面名称即可,例如

<a  href="index.html">首页</a>

3.空链接:如果当时没有确定链接目标时,<a href=""#">首页</a >

4.下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。

5.网页元素链接:在网页中的各种网页元素,如文本、图像、表格、音频、视频等都

可以添加超链接.

6.可以快速定位到页面中的某个位置。

       在链接文本的 href属性中,设置属性值为#名字的形式,如<a href="#two">第2集</a>

       找到目标位置标签,里面添加一个id属性=刚才的名字,如:<h3 id="two">第2集介绍</h3>

target:打开方式

       _blank:指定action的Url在新开的浏览器窗口中

       _parent:指定actioin的Url在父级浏览器窗口中

       _self:指定Url在当前的浏览器窗口中

      _top:指定action的Url在顶级浏览器窗口中

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>其中,_self为默认值,_blank为新窗口打开

锚点

# id名     锚点链接

注释

HTML中的注释以“ <!-- ”开头,以" --> ”结束

特殊的字符

显示结果 描述 实体名称 实体编号
空格 &nbsp; &#160;
< 小于号 &lt; &#60;
> 大于号 &gt; &#62;
& 和号 &amp; &#38;
'' 引号 &quot; &#34;
' 撇号 &apos;(IE不支持) &#39;
分(cent) &cent; &#162;
镑(pound) &pound; &#163;
元(yen) &yen; &#165;
欧元 (euro) &euro; &#8364;
§ 小节 &sect; &#167;
© 版权(copyright) &copy; &#169;
® 注册商标 &reg; &#174;
商标 &trade; &#8482;
x 乘号 &time &#215;

重点记住∶空格、大于号、小于号这三个,其余的使用很少,如果需要回头查阅即可。

个人总结,>w<

目录
相关文章
|
14天前
|
移动开发 前端开发 JavaScript
[HTML、CSS]知识点
本文涵盖前端知识点扩展、HTML标签(如video、input、canvas)、datalist和details标签的使用方法,以及CSS布局技巧(如margin、overflow: hidden和动态height)。文章旨在分享作者的学习经验和实用技巧。
28 1
[HTML、CSS]知识点
|
20天前
|
XML JavaScript 前端开发
如何解析一个 HTML 文本
【10月更文挑战第23天】在实际应用中,根据具体的需求和场景,我们可以灵活选择解析方法,并结合其他相关技术来实现高效、准确的 HTML 解析。随着网页技术的不断发展,解析 HTML 文本的方法也在不断更新和完善,
|
1月前
|
Java BI API
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
这篇文章介绍了如何在Spring Boot项目中整合iTextPDF库来导出PDF文件,包括写入大文本和HTML代码,并分析了几种常用的Java PDF导出工具。
416 0
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
|
1月前
|
Web App开发 前端开发 搜索推荐
HTML一些基础知识点
HTML一些基础知识点
|
2月前
|
存储 移动开发 前端开发
「offer来了」面试中必考的15个html知识点
该文章汇总了前端面试中常见的15个HTML知识点,涵盖了从HTML文档的规范书写、doctype声明的作用到新兴的HTML5标签应用及移动端viewport设置等内容,旨在帮助求职者更好地准备相关技术面试。
「offer来了」面试中必考的15个html知识点
|
2月前
|
XML 数据格式 Python
Python技巧:将HTML实体代码转换为文本的方法
在选择方法时,考虑到实际的应用场景和需求是很重要的。通常,使用标准库的 `html`模块就足以满足大多数基本需求。对于复杂的HTML文档处理,则可能需要 `BeautifulSoup`。而在特殊场合,或者为了最大限度的控制和定制化,可以考虑正则表达式。
62 12
|
2月前
|
搜索推荐 索引 SEO
HTML 文本格式化对于搜索引擎优化(SEO)
HTML文本格式化是搜索引擎优化(SEO)的关键,合理的格式化有助于搜索引擎理解网页内容,提升排名。主要技巧包括:使用正确的标题标签、组织段落和列表、自然融入关键词、优化图像及链接,并使用语义化标签和Meta标签。遵循这些最佳实践,可以显著提高SEO效果,吸引更多访客。
|
2月前
|
前端开发
在 HTML canvas 绘制文本
在 HTML canvas 绘制文本
19 0
|
3月前
|
移动开发 前端开发 搜索推荐
HTML基础知识点
HTML基础知识点
43 2
|
4月前
|
自然语言处理 开发者 Python
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的 HTML 内容。Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强。
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的 HTML 内容。Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强。