WEB前端常规技术面试题之HTML+CSS基础

server/2024/9/24 14:22:54/
htmledit_views">

//每小时20道基础你知道么?

1.简述html、http、www、URL、web、W3C的意思

Html:超文本标记语言

http:超文本传输协议

www: 是环球信息网(World Wide Web)的缩写,也可以简称为Web,中文名字为“万维网”。

URL:统一资源定位器

web: 万维网

W3C:万维网联盟(World Wide Web Consortium,简称W3C)

  1. 介绍一下HTML的基本结构

<html>

       <head>

              <title>标题</title>

       </head>

       <body>

         ......

       </body>

</html>

  1. 谈谈你了解的图片格式

主要有:jpg、gif、bmp、png等等,其中jpg的颜色最丰富,gif支持动态图片,png支持透明

  1. HTML有哪些基本标签?

格式标签:段落<p>、居中<center>、编号列表<ol>、项目列表<ul>、自定义列表<dl>、预定义格式<pre>、环绕标签<marquee>、文本:h1-h6、font等等、图像:<img/>、超链接 :<a>  

  1. marquee标签的作用?如何使用?

marquee标签的主要作用是做滚动字幕,格式如下:

<marquee direction=”滚动方向”  scrolldelay=”滚动间隔时间”>……</marquee>

但是现在网页中很少使用marquee标签了,都会是使用js脚本或是html" title=前端>前端的框架实现,效果会比marquee好的多。

  1. HTML表格的基本结构与常用属性有哪些?

布局基本结构如下:

<table>

<caption>标题</caption>

<tr>

<th>列标题</th>

......

</tr>

<tr>

<td>单元格内容</td>

.....

</tr>

.....

</table>

常用属性如下:

1)border:边框

2)bordercolor:边框的颜色

3)width:宽度

4)height:高度

5)background:背景图片

6)bgcolor:背景颜色

7)align:水平对齐:可以取left|center|right

8)valign:垂直对齐:可以取top|middle|bottom

9)colspan:跨列合并

10)rowspan:跨行合并

11)cellpadding:内容与边框之间的距离,边距

12)cellspacing:边框与边框之间的距离,间距

  1. CSS是什么?使用CSS有哪些优势?

CSS是Cascading Style Sheets的英文缩写,即层叠样式表

CSS的优势:

1.实现了内容与表现的分离

2.实现了许多网页一起更新

3.减少网页的代码量,增加网页的浏览速度

  1. CSS样式规则有哪几个部分组成?

由选择器、属性名、属性值组成

eg:

p   /*  选择器  */

{

   color:red;  /*  一条样式规则  */

   font-size:20px;/*  一条样式规则  */

}

注意:样式规则之间用;隔开,属性名和属性值用:隔开

  1. 写CSS有哪几个位置?

写CSS有3个位置,

       (1)行内样式:<标签名 style=”属性1:值1; 属性2:值2;…”>

       (2)内部样式:在head标签里写

          <style type=”text/css”>    CSS的语法    </style>

       (3)外部样式:<link href=”css文件路径” rel=”stylesheet” />

  1. CSS样式的优先级

1.按css样式的位置分:行内>内部>外部

2.按选择器分:id选择器样式>class类选择器样式>标签选择器样式


http://www.ppmy.cn/server/10041.html

相关文章

CSMA/CD及二进制指数退避算法

目录 1.局域网主要的拓扑结构 2.CSMA/CD概念 3.CSMA/CD的基本原理 4.CSMA/CD三种监听算法 5.载波监听 6.二进制指数退避算法Binary Exponential Back off 1.局域网主要的拓扑结构 星型、总线型、环型、树型、混合型 2.CSMA/CD概念 星型、总线型、树型的访问控制协议是 …

Golang net/http 标准库源码学习

CS架构 http协议下&#xff0c;交互框架是由客户端Client和服务端Server两块组成的cs架构 #mermaid-svg-bepDNwdaQGe4rAXS {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-bepDNwdaQGe4rAXS .error-icon{fill:#5522…

联想拯救者电脑数据恢复方法,适用于未备份者

自从大学时期起&#xff0c;我的联想拯救者电脑就成为了我生活和学习的得力助手&#xff0c;里面存有许多至关重要的资料。但是昨日当我启动它时&#xff0c;电脑却意外卡顿。恢复正常后&#xff0c;发现部分数据竟然神秘地消失了&#xff0c;有什么方法能帮我恢复吗&#xff1…

Node.js身份核验接口、身份证二、三要素实名认证接口

随着互联网的高速发展&#xff0c;人们可以发表言论的渠道越来越多。网络平台不断汲取各地、各人、各时发表的各种信息。人们喜欢将信息发布到微博、知乎、天涯、豆瓣等等网络平台&#xff0c;逐步的&#xff0c;网络信息进入大爆炸时代。这些大量涌现的信息中难免掺杂着一些不…

在誉天学习云计算HCIE,担心考试考不过?

誉天定制化课程内容覆盖了所有考试重点&#xff0c;可以系统地掌握理论与实践知识。 对于笔试&#xff0c;类似于备考驾照理论学习阶段&#xff0c;誉天为大家提供在线模拟测试系统&#xff0c;帮助大家掌握云计算笔试考点。笔试通过后&#xff0c;18个月内&#xff08;一年半…

微服务两种方式登录

目录 1.restTemplate方式 1.1页面 1.2消费者 1.3生产者 1.4效果 2.Feign方式 2.1Service 2.2生产者 三个生产者 一个消费者&#xff0c;三个生产者需要用mysqlmybatis 三个不同的数据库。 页面输入用户名和密码&#xff0c;提交到后端消费者&#xff0c;消费者传到生产…

javaweb--SpringBoot请求响应

请求流程 请求 简单参数 简单参数&#xff1a;在向服务器发起请求时&#xff0c;向服务器传递的是一些普通的请求数据。 就是在URL后面加上一个&#xff1f;然后加上其他数据 后端接收 在Springboot的环境中&#xff0c;对原始的API进行了封装&#xff0c;接收参数的形式更…

opencv 存储像素值为浮点数的图像 (.tiff)

在存储32CF1格式的深度图像时&#xff0c;怎么也存储不对 存储成jpg格式的&#xff0c;会乱码。be like 13.6的数据存储之后再读取变成…e-30存储成png格式时&#xff0c;会自动把浮点数转换成整数。13.6的数据读取之后就变成14了直接把深度图片存储成.npy格式python处理很简单…