码迷,mamicode.com
首页 > Web开发 > 详细

web入土

时间:2021-06-02 20:09:50      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:mac   ble   otto   插入   单元   定位   NPU   targe   style   

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 {font-size:200%;}
  • h2 {font-size:200px;}
  • 以上两种方式都可以
  • h2 {font-size:200;}

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事件三要素

事件源 ,事件,事件处理程序

web入土

标签:mac   ble   otto   插入   单元   定位   NPU   targe   style   

原文地址:https://www.cnblogs.com/hunxuewangzi/p/14837652.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!