首页 > 其他分享 >html小练

html小练

时间:2024-03-18 20:01:06浏览次数:27  
标签:面试题 HTML title 标签 图片格式 小练 html 页面

面试题:行内元素有哪些?块级元素有哪些?空(void)元素有哪些?
面试题:页面导入样式时,使用 link和@import 有什么区别?
面试题: title与h1的区别、b与strong 的区别、i与em 的区别?
面试题:img标签的 title 和alt 有什么区别?
面试题:png、jpg、gif 这些图片格式解释一下,分别什么时候用?复制代码 面试题:行内元素有哪些?块级元素有哪些?空(void)元素有哪些?
面试题:页面导入样式时,使用 link和@import 有什么区别?
面试题: title与h1的区别、b与strong 的区别、i与em 的区别?
面试题:img标签的 title 和alt 有什么区别?
面试题:png、jpg、gif 这些图片格式解释一下,分别什么时候用?复制代码 


行内元素有:
a、span、strong、em、img、input、button等。 块级元素有:div、p、h1-h6、ul、ol、li、table、form等。 空(void)元素有:br、hr、img、input、link、meta等。

使用link导入样式时,浏览器会在页面加载时同时加载CSS文件,不会阻塞页面的渲染;而使用@import导入样式时,浏览器会在页面加载完毕后再加载CSS文件,会阻塞页面的渲染。

title是HTML文档的标题,显示在浏览器的标题栏或标签页上;h1是HTML的标题标签,用于定义页面的主标题。b是HTML的字体加粗标签,用于强调文本的重要性;strong是HTML的语义加粗标签,用于表示重要的文本内容。i是HTML的斜体标签,用于表示文本的斜体样式;em是HTML的语义斜体标签,用于表示强调的文本内容。

img标签的title属性用于为图片指定一个标题,当鼠标悬停在图片上时会显示该标题;alt属性用于为图片指定一个替代文本,当图片无法显示时会显示该替代文本。

png是一种无损压缩的图片格式,支持透明背景和多种颜色,适用于图标、LOGO等需要保持高质量的图片;jpg是一种有损压缩的图片格式,适用于照片等需要较小文件大小的图片;gif是一种支持动画的图片格式,适用于动态图像或简单的动画效果。

面试题:行内元素有哪些?块级元素有哪些?空(void)元素有哪些?
面试题:页面导入样式时,使用 link和@import 有什么区别?
面试题: title与h1的区别、b与strong 的区别、i与em 的区别?
面试题:img标签的 title 和alt 有什么区别?
面试题:png、jpg、gif 这些图片格式解释一下,分别什么时候用?复制代码 面试题:行内元素有哪些?块级元素有哪些?空(void)元素有哪些?
面试题:页面导入样式时,使用 link和@import 有什么区别?
面试题: title与h1的区别、b与strong 的区别、i与em 的区别?
面试题:img标签的 title 和alt 有什么区别?
面试题:png、jpg、gif 这些图片格式解释一下,分别什么时候用?复制代码 


行内元素有:
a、span、strong、em、img、input、button等。 块级元素有:div、p、h1-h6、ul、ol、li、table、form等。 空(void)元素有:br、hr、img、input、link、meta等。

使用link导入样式时,浏览器会在页面加载时同时加载CSS文件,不会阻塞页面的渲染;而使用@import导入样式时,浏览器会在页面加载完毕后再加载CSS文件,会阻塞页面的渲染。

title是HTML文档的标题,显示在浏览器的标题栏或标签页上;h1是HTML的标题标签,用于定义页面的主标题。b是HTML的字体加粗标签,用于强调文本的重要性;strong是HTML的语义加粗标签,用于表示重要的文本内容。i是HTML的斜体标签,用于表示文本的斜体样式;em是HTML的语义斜体标签,用于表示强调的文本内容。

img标签的title属性用于为图片指定一个标题,当鼠标悬停在图片上时会显示该标题;alt属性用于为图片指定一个替代文本,当图片无法显示时会显示该替代文本。

png是一种无损压缩的图片格式,支持透明背景和多种颜色,适用于图标、LOGO等需要保持高质量的图片;jpg是一种有损压缩的图片格式,适用于照片等需要较小文件大小的图片;gif是一种支持动画的图片格式,适用于动态图像或简单的动画效果。

标签:面试题,HTML,title,标签,图片格式,小练,html,页面
From: https://blog.csdn.net/m0_59508634/article/details/136788854

相关文章

  • html--机器人
    <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE><METANAME="Generator"CONTENT="EditPlus"><METANAME="Author"......
  • html--蝴蝶
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>蝴蝶飞舞</title><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.c......
  • 数据可视化-ECharts Html项目实战(3)
    在之前的文章中,我们学习了如何创建堆积折线图,饼图以及较难的瀑布图并更改图标标题。想了解的朋友可以查看这篇文章。同时,希望我的文章能帮助到你,如果觉得我的文章写的不错,请留下你宝贵的点赞,谢谢。数据可视化-EChartsHtml项目实战(2)-CSDN博客文章浏览阅读1.2k次,点赞33次,收藏16......
  • html css 两栏 三栏布局
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device......
  • pytest+allure生成html报告(入门篇)
    一. 安装pytest库pipinstallpytest代码如下(示例):importpytestclassTestLogin:deftest_login(self):print('---------------login--------------')if__name__=='__main__':pytest.main(['-vs']) 运行结果如下:二、在pyth......
  • html编辑器
    HTML编辑器推荐html可以使用记事本编辑但是更建议使用专业的HTML编辑器来编辑HTML,我在这里给大家推荐几款常用的编辑器:VSCode:https://code.visualstudio.com/WebStorm:https://www.jetbrains.com/webstorm/Notepad++:https://notepad-plus-plus.org/当然,真正技......
  • html钓鱼姿势分享
    0x00实验环境靶场:全新的windows笔记本,kali 0x01实验前提(1)学习国外大佬的文章攻击链:Email-->invoice.pdf-->包含一个链接-->search-ms:query=decoy&crumb=location:\\\\127.0.0.1@5000\\dec&displayname=Hello,isitmeyou\'relookingfor?-->invoice.ln......
  • HTML标签
    目录HTMLHTML标签注释标签标题标签段落标签格式化标签图片标签超链接标签css代码表格标签列表标签表单标签单选框复选框按钮选择文件上传下拉菜单多行编辑框div&spanHTMLHTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以......
  • JavaWeb - HTML基础
    常用标签font文本标签<fontface="黑体"color="#0099FF">黑体效果</font><fontsize="3"color="#990000">3号文字效果</font><!--face=字体样式,color=颜色,size:字体大小-->p段落标签、br换行标签本段落内容...<p>第二段内容<......
  • HTML学习笔记5: table表格标签
    table表格标签tableborder            表格边框的宽度width规定表格的宽度cellspacing规定单元格之间的空隙tr:行td:单元格th:如果是表头单元格,可以替换为th,默认带有加粗和居中展示的效果<tableborder="5px"width="6......