文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

HTML基础标签有哪些

2024-04-02 19:55

关注

本文小编为大家详细介绍“HTML基础标签有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“HTML基础标签有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

  什么是HTML:

  超文本标记语言,一种纯文本类型的语言;使用带“尖括号”的“标记”将网页中的内容标识出来;

  标记语法:

  HTML用于描述功能的符号称为“标记”;

  标记在使用时必须用“尖括号”括起来;

  封闭标记:

  封闭标记又叫双标记,必须成对出现;<标记>内容</标记>;

  非封闭标记:

  又叫空标记或者单标记;<标记 /> 或者 <标记>

  Xhtml于2000年1月成为W3C标准;Xhtml是更严格更纯净的HTML版本;

  HTML文档结构:

  1、声明--文档类型声明;声明必须写在文档的最开始部分;

  2、页面/文档--<html></html>

  3、页面头部--<head></head>主要装载页面的信息;

  4、页面主体--<body></body>

  <!DOCTYPE html>

  <html>

  <head></head>

  <body></body>

  </html>

  文档标题:<title></title>给页面起一个名字;

  每一个标签都有属性,属性可以是一个或者多个,多个属性之间用空格隔开;

  属性的组成:属性名=“属性值”;

  属性必须写在开始标记内部;

  HTML注释:只有程序员自己看得见,而不会再网页中显示的内容;

  <!--注释内容-->

  注释内容中一定不要存在--

  <!--fjlwaijf--waefwefa-->

  再HTML页面中无论敲多少空格,都只会显示一个空格;

  要想有多个空格,必须使用转义字符;

  转义字符:

  空格--

  左尖括号<--<

  右尖括号>-->

  版权?--?

  注册商标--?

  换行标记:<br />

  强制不换行标记:<nobr>不换行内容</nobr>

  标题标记:<hn></hn> n=1,2,3,4,5,6

  段落标记:<p></p>

  文本样式标签:

  <b></b>文本加粗;

  <i></i>文本倾斜;

  <u></u>添加下划线;

  <s></s>添加删除线;

  以上标签全部不推荐使用,已经被废弃;

  <strong></strong>强调文本,表现为文本加粗;

  <em></em>强调文本,表现为文本倾斜;

  <sup></sup>上标标记;

  <sub></sub>下标标记;

  标签分类:

  块级标签:默认情况下,块级标签回独占一行,元素的前后内容都会自动换行;

  <hn></hn>、<p></p>

  行内标签:不会换行,可以和其他行内元素位于同一行;

  b、i、u、s、strong、em、sup、sub

  分区标签:

  <div></div>

  <span></span>

  预格式化标签:

  <pre></pre>

  写在该标签内的内容会按照编写时的格式展示在网页中;

  页面属性:

  背景颜色--bgcolor;

  页面文本颜色--text;

  字体标签:

  <font></font>

  字体颜色--color;

  字体--face;

  字体大小--size;最小1,最大7;

  该标签已被废弃;

  目录结构:

  一个项目(web站点)下的所有文件所在的位置;一个web站点包含多个目录,每个目录包含站点的不同部分;web站点的主目录称为根目录;位于根目录下的其他文件夹称为子目录;每个子目录都会包含具体功能的下一级子目录;

  所有的文件命名必须是英文、数字、下划线(_)和连接线(-)组成;

  URL:

  uniform resource location 统一资源定位器;

  用来标识网络中的任何资源

  即路径,指从当前位置到目标位置所经过的路线;

  URL分类:

  1、绝对路径:192.168.101.111

  http://  /images /img01.jpg

  协议名 主机名 目录路径 文件名

  用于指向其他设备上的文件;

  2、相对路径:

  指目标文件的位置是相对于当前文件的位置;

  目标文件和当前文件在同一个目录下,直接写文件名--img01.jpg

  目标文件所在的文件夹和当前文件在同一个目录下--文件夹名/文件名 images/img01.jpg

  目标文件和当前文件不在同一目录下,用表示返回上一级目录,一个表示返回一级

  3、根相对路径:

  用于服务器

  水平居中标签:

  <center></center>

  该标签已被废弃;

  标签的对齐属性:

  align="left"

  align="right"

  align="center"

  水平分割线标签:<hr />

  宽度--width,最好带上单位px

  高度--size,不用带单位

  对齐--align

  颜色--color

  图像标签:<img />

  链接图像地址--src="路径";

  宽度--width,只给宽度表示定宽,高度自动等比变化;

  高度--height,只给高度表示定高,宽度自动等比变化;

  title--鼠标移入后的提示文字,用于描述图片;

  alt--当图片无法正常显示时所用的替代文字;

  超链接标签:<a></a>

  链接属性--href="路径"

  空链接:1、href="",会有返回顶部的效果;

  2、href=""

  图片:href="图片路径",可以将链接指向一张图片;

  压缩包:href="",指向一个压缩包,点击之后会下载;

  发邮件:href="邮箱地址",可以给该邮箱发送邮件;

  target--链接打开的目标位置;

  target="_blank",在新窗口打开链接;

  target="_self",在当前页面打开链接;

  锚点名称--name,标记,可以将链接指向该标记,以达到跳转到页面指定位置的效果;

读到这里,这篇“HTML基础标签有哪些”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯