总结

mac2024-03-06  42

WEB基础知识个人总结

HTML 一、标签——尖括号围成的关键词,成对出现。

※使用时必须符合标签嵌套规则 1.声明

(1):HTML5文档类型声明

(2)对于中文网页需要使用 声明编码 2.链接

:链接 【在href属性中指定链接的地址】,在标签里添加文本标签或图片标签。

  target属性:target="_blank"时会在新窗口打开文档   name属性:规定锚(anchor)的名称。使用命名锚(named anchors)时,可以直接跳至页面中的某个链接。

3.布局

<div>:块元素,以新行开始和结束。组合其他HTML元素,常与CSS一同使用,可用于对大的内容块设置样式属性。 <span>:内联元素,不会以新行开始和结束。

4.文本

<title>:文档标题 <h1> - <h6>:html标题 <body>:可见的页面内容 <p>:普通段落 <strong>:粗体文本,强调强调内容 <b>:粗体文本 <em>:强调内容,浏览器用斜体文本展示 <i>:斜体文本 <hr /> :创建水平线 <br /> :不产生新段落的情况下【换行】 <pre>:定义预格式化的文本,保留空格和换行。 <abbr title="etcetera">etc.</abbr>:定义缩写或首字母缩略语。把鼠标移至缩略词语etc.上时,可展示完整版本"etcetera"。 <q>:定义短的引用。会为 <q> 元素包围引号 <blockquote>:定义块引用,插入换行和外边距 <del>:删除线 <ins>:下划线

5.多媒体

<img />:图像 【图像的名称和尺寸是以属性的形式提供的】,源属性src="图像URL地址",替换为本属性alt="xxx" <video>:定义视频内容 <audio>:定义声音内容

子标签:定义文件所在地

子标签:定义轨道 6.序列化列表

(1)

无序列表标签

(2)

有序列表标签

有序、无序列表项均始于

(3)

自定义列表标签 7.表格    定义 HTML 表格。     :定义表格中的行      :定义表格中的表头     :定义表格中的数据(table data) 8.输入表单

定义用户输入

(1):块级元素,属性name、action、method、enctype

(2):type属性、checked预选、name、value页面所显示的值

type的值类型:

text:文本框 password:密码框 checkbox:复选框 radio:单选框 button:按钮 submit:提交,将表单数据发送到<form>标签中action属性所指值的网页中/向表单处理程序(处理输入数据的脚本的服务器页面)提交 reset:重置 hidden:

(3):为 元素规定预定义选项列表。其id属性必须与标签中的list属性值相同

(4):下拉列表,属性name

子标签:属性name、value、selected

(5):文本域

(6):绘制一个带标题的框

子标签:表示标题 9.画布

二、元素——从开始标签到结束标签的所有代码。

大多数HTML元素可拥有属性 大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)

三、属性——提供了有关 HTML 元素的更多的信息

※以名称/值对的形式出现:xxx=“xxx”(若属性值中含有双引号则外围必须使用单引号)

※属性在开始标签中规定。

【HTML参考手册】http://www.w3school.com.cn/tags/index.asp 1.大多数元素都有的属性名称:

id class

2.

3.

元素属性名称:

border:表格边框

CSS 一、样式表 1.外部样式表——当样式需要被应用到很多页面时

定义外部CSS文件,在标签中使用链接式:

2.内部样式表——单个文件需要特别样式时

标签中创建一个

复制代码 3.内联CSS

在相关标签中使用style属性:

This is a paragraph

二、语法 1.选择器——需要改变样式的HTML元素

(1)派生选择器:

只有

元素中的元素适用:

li strong { font-style: italic; font-weight: normal; }

(2)类选择题

以.定义

类名的第一个字符不要使用数字在这里插入代码片 2.语法——由属性和值构成,由冒号":"分开

color(颜色):值(red)、十六进制颜色值(#FF0000)、RGB值(rgb(255,0,0)) background(背景颜色): font-size(字体大小): font-family(字体样式): font-style() font-weight margin() padding()
最新回复(0)