web入土

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

web入土

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

要表示空格可以使用

&nbsp;

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>

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

css注释和cpp一样

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

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

如

.center {text-align:center;}

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

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

p.center {text-align:center;}

其他元素不起作用

如何插入样式表

外部样式表

<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 > 浏览器默认样式

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

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

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

<i>
<italics>
<ii>

何制作电子邮件链接？ C

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

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

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

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

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

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

正确
错误

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

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

relation
rel
href
target

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

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

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

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

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

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

h2 {font-size:200%;}
h2 {font-size:200px;}
以上两种方式都可以
h2 {font-size:200;}

关于css 浮动正确的是？C

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

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

在RGBA 中 A 代表什么？

alpha
aqua
apple
about

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

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

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

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

打开名为 “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")

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

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

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

client.navName
navigator.appName
browser.name

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

点该图片回到顶部

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

shift函数的用法

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

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

console.log(f);

输出

? (x){
	return x*x;
}

清除浮动的几种方法

clear:both

使用伪元素

给父亲添加overflow属性

定位有五种

static
relative
fixed
absolute
sticky

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

去除点和下划线

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

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

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

"/"：代表根目录。

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

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);

JavaScript的入口函数

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

jQuery的入口函数

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

jquery的基础语法

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

onclick事件处理的几种方式

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

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

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

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

js事件三要素

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

web入土

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

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

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行