HTML-JS-CSS总结.pdf资源-CSDN文库

版权申诉

86 浏览量 2022-11-26 19:09:10 上传评论收藏 582KB PDF 举报

资源推荐

资源详情

资源评论

HTML

主讲：王春梅

以下笔记均为我本人亲自整理，若有描述不对或代码错误，请同学们及时更改一下，重新上传上去，谢谢！

1、HTML 概述

a、什么是 HTML：超文本标记语言，是一种纯文本的用于编写网页的标记语言，由浏览器解释运行

b、web 浏览器：提交请求，显示页面

主流浏览器：FireFox/IE/Chrome/Safix

c、基础语法

标记：双标记<tr></tr>、单标记 <a />

属性：定义在开始标记里，用空格隔开

单标记（空标记）： <br> <br />

注释：html 文本：<!—注释内容--> CSS 文本：/*注释内容*/

d、HTML 文档的标准结构

版本信息：严格、过渡、框架

<html>

<head> 用于为页面定义全局信息，所有头元素的容器

<mata >常用属性：http-equiv 、 content;

http-equiv 常用值：refresh 自动刷新；content-type：应用环境

content 常用值：“数据 100”(对应 refresh)； text/html：html 文本

charset 应用环境编码：值 UTF-8

</head>

</html>

e、<head>文档头元素：

<title>标题元素(出现浏览器顶部)</tutle>

2、文本

a、普通文本以及特殊字符:空格折叠，特殊字符使用转义字符

 空格 <左尖号< > 右尖号> © 小圈内一个 C

b、标题标记：<h1>--<h6>

c、段落标记：<p></p>---较大的行间距常用属性：align=”左中右”

d、换行：<br />---回车

e、分组元素：本身没有外观，统一设置

<div></div>：独占一行--适用于对于块级元素分组，设置同一行文字内的不同格式

<span></span>：不会影响原有的布局---适用于行内元素分组

<p>分区元素

f、块级元素：独占一行的标记，比如 h1、p、div ；

行内元素：和其他元素位于同一行，比如 span、a ；

</span></p>

3、图像和链接 <img src="d:/a.jpg" />

绝对路径 <img src="http://ss/a.jpg" />

相对路径 <img src="images/a.jpg" />

常用属性：src 路径； width: 图像宽度； height: 图像高度

超级链接： <a href="URL 或者锚点" target="">被点击的内容</a>

target 属性：设置页面在何处打开

_self：默认值 _blank：新的空白

如何为图像添加链接？<a><img /></a>

如何实现同一个页面的不同部分之间的跳转

----使用锚点锚点是文档中某行的一个记号

第一步：目标处使用 a 元素定锚点

第二步：使用链接去往锚点

<a href="#a1">ToXXX</a>

图像和链接标记：实现页面上的导航定位；

4、列表常用于实现几个相关的项的排列

无序列表： ul

有序列表: ol

包含列表项： li----list item 用于指示具体的列表内容；

使用嵌套的列表实现多级菜单

5、表格

表格的基本结构：table / tr ：行、 /td ：列

高度和宽度：自适应

table 的属性：border 边框 / width / height / align <caption>表格标题</caption>跟随<table>标签后

/cellpadding 单元格边框与内容之间的间距 /cellspacing：单元格之间的间距

td 的属性：width/height/align 位置 /valign

行分组：tbody 表头 /thead 表主体 /tfoot 表尾

不规则表格：设置 td 的 colspan 跨列 / rowspan 跨行

表格的嵌套：实现复杂布局定义

6、表单通过查看，填写并提交表单信息与服务器进行动态交互；

表单元素：<form></form>---承载其他元素，用于实现数据的收集，提交给服务器

主要属性：action ：定义表单被提交时发生的动作；通常包含服务方面脚本的 URL，如：jsp，php

Method : 指出表单数据提交的方式，取值为 get 或者 post;

Enctype : 表单数据进行编码的方式；

例：<form action="login.jsp" method="post">

XXXX

</form>

表单上的元素：比如文本框、密码框、选择列表等等

a、input 元素，主要依靠其 type 属性的取值

文本框：<input type="text" />---默认取值

密码框：<input type="password" />

主要属性：value ：由访问者自由输入的任何文本

maxlength ：限制输入的字符数； readonly：设置文本控件只读；

<input type="radio" />--单选、互斥选择注意：一定要分组；设置属性 name 分组

<input type="checkbox" />--多选

<input type="button" />--按钮按钮属性 value：按钮的标题文本

<input type="submit" />--提交按钮，提交动作

<input type="reset" />--重置按钮，恢复到初始

<input type="file" />--选择本地文件，以备于实现上传

<input type="hidden" />--隐藏域，在页面上记载那些不需要被用户看见的数据

b、input 元素可以有的属性

value：值；id：唯一标识； name：名称，为了提交数据用，名/值对的方式提交

c、label 元素：用来包含文本，for 属性设置为某个元素的 id 的值，单击 label 元素中的文本，就像单击那个元素

一样

d、select 元素：下拉选择框、列表选择框

属性：name 选项框命名；size：大于 1 ，则为滚动懂列表；multiple：设置多选；

option 元素：选项；属性：value:选项的值；selected:预选中；

e、textarea 元素：多行文本域；属性：cols:指定区域的列数； rows:指定区域的行数；readonly:只读

<fieldser> 表单元素分组

f、表单元素分组：fieldset 为控件分组框住部分控件内容

为分组标题：legend 为分组指定一个标题

地址：<input type=”text”/><br/>

邮编：<input type=”text”>

7、浮动框架

</fieldset>

iframe：在当前页面上引入另一个页面，常用于广告信息的嵌入

样式 CSS

1、如何为页面定义外观（样式）

html 时候：元素的属性，定义样式，比如：width、height、border

html 语言：早期版本中，定义了一些各元素特有的属性，用于设置外观--混乱

统一的样式定义—CSS；

2、CSS---级联（层叠）样式表，统一的为页面定义外观

实现内容和表现分离，从而提高页面的可维护度和样式的可重用性

3、使用 CSS

方式一：内联方式---将样式定义在 HMLT 元素的 style 属性----重用性差

语法： <h1 style=”属性设置”>文本</h1>

方式二：内部样式表---样式定义在页面的 head 里的 style 里

语法：定义：<head><style type=”texxt/css”><h1>{属性设置}</style></head>

引用：<body><h1>文本</h1></body>

实现内容与表现分离，样式仅限当前页面重用；

选择器决定谁使用样式

方式三：外部样式表---将样式定义在单独的.CSS 的文件里，该文件中只能保航样式规则，由 html 页面引入它；

实现内容与表现分离，可以被站点中的所有页面重用；

语法：#选择器名{样式}

4、CSS 的特征

级联/层叠：（大部分）继承、并集、重复的时候取优先级

优先级：内联>内部或者外部---就近优先，当优先级别相同的时候，以最后一次定义的为准

剩余12页未读，继续阅读

评论收藏

内容反馈

版权申诉

คิดถึง643

粉丝: 3903
资源: 1万+

HTML-JS-CSS 总结.pdf

最新资源

HTML-JS-CSS 总结.pdf

疯狂HTML5-CSS3-JavaScript讲义.pdf

web渗透系列教学下载共64份.zip

prince-13.4-macos.tar.gz prince: 13.4

html-web转pdf项目-javascript-css-项目分享.zip

AngularJS - Novice to Ninja.pdf.pdf )

Html+Css+Javascript从入门到精通.pdf

JavaScript权威指南(第6版)--JavaScript：The.Definitive.Guide

html+css+js知识总结.pdf

Chart 极品web报表控件收集（Flot,AmCharts, Emprise JavaScript Charts...)

教程-APP.using.HTML5,.CSS3.&.JavaScript.zip

JavaScript教程--从入门到精通.pdf

gvim常用插件及其配置文件配置（下载解压即可使用）

Build an HTML5 Game- A Developer-s Guide with CSS and JavaScript.pdf

JavaScript.css And.DHTML.ra

Android.Apps.with.HTML.CSS.and.JavaScript.Oct.2010.pdf

html_JavaScript_css试题.pdf

html5-css-响应式web开发.pdf.zip

prince-13.5-macos.tar.gz prince: 13.5 将HTML转换为PDF

Cobalt Strike下载

计算机系统-笔记-HUN2021级

北京邮电大学计算机考研复试笔试资料

cs1.6老版本供下载

合成孔径雷达的经典成像算法cs(matlab)仿真代码（吐血整理，内容全，注释全）

港大CS（MSC）面试整理

合成孔径雷达RD CS OmegaK算法点目标仿真.rar

计算机科学导论原书第二版答案.zip

Cobalt-Strike-4.5

cobaltstrike4.3.zip

最新资源