由于,HTML的部分实在是太多了,第一部分,还没学一半,就已经抄了1w字。而且可能,真正用上的也比较少,更何况,一直坚持,一个不落的学下去,也存在一点注意力分散的困难,所以,需要
改进方法:先看,先理解。然后用自己的语言编写。先把一整个章节的知识点看完,然后再去总结每一小个知识点的代码应该怎么写。没写出来的,就是我们需要重点关注的。
第一个:无序列表标签
它的属性是:list - style - type
它的值有四个:disc(就是一个黑点)、circle(圆圈)、square(正方形)、none(无)。
第二个:有序列表标签
它的属性是:type。值如下:
第三个:其它标签。 、
举例应用:使用css样式的,创建导航菜单:
块元素的标签:
当然是不止这两个。块元素的标签有一个很大的特点,它会出现在新行。(差不多它会占用整个一块的区域)。内联元素的特点是,它一般嵌套在块元素里面。
有着块元素 特点的标签元素:
有着内联元素 特点的标签元素:
它们的用法,和前面使用li、ol、ul的元素的style样式是一样的。
网页类,它是一种类名,区分大小写。它可以用来指定一些属性,表现在css列表里面。
用法:
London is the capital of England.
多个类:
比如:
存在:.city{ } .main{ } 这两种类的写法
在 JavaScript 中使用 class Attribute:
它存在一个 getElementByClassName(“类名”) 的方法 可以获取在网页里面的class类
应用:编写一个隐藏按钮,点击它,能实现,隐藏城市名得作用。要求点击按钮使用JavaScript的用法。
代码:
前面这个id也讲过一些,它的用法和class差不多。区别,使用的时候多了# 添加。
#myHeader {
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}
它相当于 提供一个框架,用来存放某些链接。
用法:
删除边框:
作为某个链接的存放地:
脚本标记语言,一般常用id 指示某个块区域。然后,使用脚本语言的方式替换掉,或者放置在这个区域里面。
它最常用的使用方法是:document.getElementById()
它有几个属性:
1.更改id 内容:document.getElementById("某个ID").innerHTML="Hello JavaScript!";
2.更改id的样式:document.getElementById("某个ID").style.color="red";
document.getElementById("某个ID").style.fontSize = "25px";
3.更改id 的链接:document.getElementById("某个id").src="";
举例使用:点击按钮,替换图片。
function fun(){
documnet.getElementById("first").src="XXX2";
}
<元>元素
通常使用该元素 指定字符集、页面描述、关键字、文档作者、 和视口设置。
例如:
//定义使用的字符集
//定义网页的描述
//定义搜索引擎的关键字
//定义页面的作者
//设置视口,设置页面的宽度以遵循设备的屏幕宽度
<基本>元素:
它存放在页面的头部
,必须具有 href属性 或者target属性 。或者两者都有。它的作用就是默认 链接的前缀,比如,我们在
部分输入 链接,那么网页布局的有关元素和标签,主要在css这一部分学习。这里暂时跳过,在CSS的学习里面会重点讲述这一部分。
其实这些定义没啥用,就是它们在页面上显示的字体样式不一样。
和前面的网页布局,提供的图一样,网页语义元素,其实,就是相当于div块。但不同的是,它根据所设置的样式,发挥的作用也不同。
比如:以
My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!
The Epcot center is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.
My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!
UTF-8 几乎涵盖了世界上所有的字符和符号。包括一些表情的符号。
它的用法:数字;
例如:A; 代表大写字母 A。
😀 代表表情。
注意:字符集,出现了很多种,比如,第一个字符集是ASCII,作为开发人员,建议统一使用UTF-8,它基本包括世界上所有的字符和符号。
理解下方的五个表 里边,每一个元素的作用。
Novalidate 属性 ,它是一个布尔属性,表示,表单提交,不用进行验证。
例如:
前面讲的大部分都是表单元素,现在来看提交元素的部分,它有哪些属性。
只读属性 readonly //一般都是直接 加在提交的后面,而前面,是加在表单后面。
禁用属性:disabled
这个属性,会使得,那一行的提交,并不能提交出去。
长度属性:
maxlength ,指定输入的字段允许输入的最大长度。 (这个有意思捏)
例如:
min、max,表示允许输入的数字的最小和最大值,它一般结合number属性 一起使用。
number" id="quantity" name="quantity" min="1" max="5">
模式属性:pattern (作用很大)
它的作用是存放正则表达式,比如,限制某些提交 元素的长度,类型,大小。
例如:编写只能保存三个字母的输入行,不能有数字,特殊字符。
占位符属性:placeholder
带有占位符文本的输入字段.它一般都是结合pattern的模式属性一起使用。
必须属性:required
放在提交元素的后面,表示此元素必须有数据提交。(和我们在学习javaee的时候,设置不为空的条件,在这里,似乎更加方便)
自动对焦属性:autofocus
输入属性指定 当页面加载时,输入字段应自动获得焦点。autofocus
在表单加入这个属性,就相当于,每次打开页面,我们的鼠标会从这一行开始。
形式操作属性:formaction
输入属性指定 URL 的 提交表单时将处理输入的文件。formaction
它会在你使用提交按钮的时候,提交给这个属性指定的url里面。
//提交给原来的表单
//提交给action_page2.php
在javaweb里面的学习,这种方式,我们之前是通过重定向,或者floward。
从网页头部,网页体,到网页尾部。
文本格式:、、、
、
网页颜色:字体、背景、边框(border)
书签:
链接: 、
样式:
图像:映射
表格:
块元素: 、
、 |