web入土

web入土

1:html的多个空格实际上是一个空格

要表示空格可以使用

 

2:标题

HTML 标题（Heading）是通过<h1> - <h6>标签来定义的。

<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>

3:段落

HTML 段落是通过标签 <p> 来定义的。

<p>这是一个段落。</p>
<p>这是另外一个段落。</p>

4:链接

HTML 链接是通过标签 <a> 来定义的。

<a href="https://www.baidu.com">这是一个链接</a>
提示:在 href 属性中指定链接的地址。

5:图像

HTML 图像是通过标签 <img> 来定义的.

<img loading="lazy" src="/images/logo.png" width="258" height="39" />

6:水平线

<hr>

7:注释

<!-- 这是一个注释 -->

8:换行

如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br> 标签：

<p>这个<br>段落<br>演示了分行的效果</p>

9:表格

表格由

标签来定义。每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由
标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<table border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

10 HTML 表格和边框属性

如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。

使用边框属性来显示一个带有边框的表格：

<table border="1">
    <tr>
        <td>Row 1, cell 1</td>
        <td>Row 1, cell 2</td>
    </tr>
</table>

11

CSS声明总是以分号(;)结束，声明总以大括号{}括起来:

12

css注释和cpp一样

css注释以/*开始, 以 */ 结束

13

class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示：

如

.center {text-align:center;}

你也可以指定特定的HTML元素使用class。

在以下实例中, 所有的 p 元素使用 class="center" 让该元素的文本居中:

p.center {text-align:center;}

其他元素不起作用

14

如何插入样式表

  • 外部样式表
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
  • 内部样式表

当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部

样式表，就像这样:

<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>
  • 内联样式
<p style="color:sienna;margin-left:20px">这是一个段落。</p>
  • 优先级

(内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式

15

在下列的 HTML 中，哪个可以添加背景颜色？ C

  • <body color="yellow">
  • <background>yellow</background>
  • <body bgcolor="yellow">

16

请选择产生斜体字的 HTML 标签：A

  • <i>
  • <italics>
  • <ii>

17

何制作电子邮件链接？ C

  • <a href="xxx@yyy">
  • <mail href="xxx@yyy">
  • <a href="mailto:xxx@yyy">
  • <mail>xxx@yyy</mail>

18

表格和列表是不一样的，表格的元素为，table,tr,th,td

19

meta对页面进行设置，对搜索引擎进行设置

20

在下列的 HTML 中，哪个可以产生下拉列表？ D

  • <list>
  • <input type="list">
  • <input type="dropdown">
  • select

21

用 Mac PC（苹果电脑）编写的 HTML 代码可以在安装了 windows 7 的 PC 上浏览，用户将能够看到与 MAC PC 上设计的相同的设计？ A

  • 正确
  • 错误

22

每一个 HTML 颜色代码包含有 “#” 符号以及 6 个字母和数字，这些数字都是十六进制的。比如 “FF” 在十六进制中代表十进制的数字 255

23

当前文档和链接文档之间的关系是使用什么属性指定的？ B

  • relation
  • rel
  • href
  • target

24

<area> 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）

25

CSS中，颜色值通常以以下方式定义:

  • 十六进制 - 如："#ff0000"
  • RGB - 如："rgb(255,0,0)"
  • 颜色名称 - 如："red"

26

如何给 CSS3 中的元素添加阴影？A

  • box-shadow: 10px 10px 5px grey;
  • shadow-right: 10px shadow-bottom: 10px;
  • shadow-color: grey;
  • alpha-effect[shadow]: 10px 10px 5px grey;

27

下面哪个选项是设置字体大小的正确方法？C

  • h2
  • h2
  • 以上两种方式都可以
  • h2

28

关于css 浮动正确的是？C

  • 允许其他元素包围一个元素
  • 元素可以推到左边或右边
  • 以上两个都对
  • 元素可以被推向任何方向

// 浮动只能左浮或者右浮

29

在RGBA 中 A 代表什么？

  • alpha
  • aqua
  • apple
  • about

A 表示 Alpha 透明度，取值 0~1 之间

30

  • a:link - 正常，未访问过的链接
  • a:visited - 用户已访问过的链接
  • a:hover - 当用户鼠标放在链接上时
  • a:active - 链接被点击的那一刻

31

绝对定位不占位置，相对定位占位置

32

外部脚本不需要包含·<script> 标签吗？

33

打开名为 “window2” 的新窗口的 JavaScript 语法是？D

  • open.new("https://www.runoob.com","window2")
  • new.window("https://www.runoob.com","window2")
  • new("https://www.runoob.com","window2")
  • window.open("https://www.runoob.com","window2")

34

如何在浏览器的状态栏放入一条消息？ B

  • statusbar = "put your message here"
  • window.status = "put your message here"
  • window.status("put your message here")
  • status("put your message here")

35

如何获得客户端浏览器的名称？B

  • client.navName
  • navigator.appName
  • browser.name

36

 <a href="#"><img src="图片路径" /></a>

点该图片回到顶部

37

method设置表单提交方式 有两种get(默认)和post

38

shift函数的用法

shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

39

var f=function(x){
	return x*x;
}

console.log(f);

输出

ƒ (x){
	return x*x;
}

40

清除浮动的几种方法

clear:both

使用伪元素

给父亲添加overflow属性

41

定位有五种

  • static
  • relative
  • fixed
  • absolute
  • sticky

42

css中常用的单位由px、em、rem、vh、vw

43

去除点和下划线

ul,li{
   list-style: none;
  }
  a{
   text-decoration: none;
  }

44

"./"：代表目前所在的目录。

" . ./"代表上一层目录。

"/"：代表根目录。

45

常见的布局方式 表格布局，框架布局，css+div布局

46

js的$$和||运算符

$$的优先级高于||

例如a || b，如果a不存在，则返回b。a存在则返回a

a && b，如果a存在，则返回b，否则返回a。

47

var s=setInterval(function(){alert("hello");},1000);
setTimeout(function(){clearInterval(s);},5000);

48

JavaScript的入口函数

window.onload = function(){
    //执行代码
}

jQuery的入口函数

$(document).ready(function(){
    //执行代码
});
或者
$(function(){
    //执行代码
});

49

jquery的基础语法

$('元素选择器').action()

50

onclick事件处理的几种方式

1 直接在元素后面 onclick=函数名

2 js中获取节点元素使用.onclick=函数名

3 addEventListener('click',function(){})

51

文本节点，属性节点，元素节点

52

js事件三要素

事件源 ，事件，事件处理程序

posted @ 2021-06-01 16:05  hunxuewangzi  阅读(99)  评论(0)  编辑  收藏  举报