前端学习自学笔记：day03

嗯,说实话,我写这个的话比较少人看啊,但是还是继续坚持下去吧,可不可能半途而废啊,接下来是第三天的笔记.

在此之前先为大家显示下前端工程师的路线图:

第三天的笔记:HTML AND CSS:

早上所学的：

1.无序列表：从

元素开始，并包含一个或多个

元素。

例：

milk

cheese

2.有序列表：从元素开始，并包含一个或多个

元素。

例：

Garfield

Sylvester

3.创建一个表单（form）

Text input(文本输入框)，例：

注意：input元素是自关闭的。

占位符（placeholder）是用户在文本输入框中预先输入的内容。

例：

action属性:通过为form表单添加action属性可以跟服务器进行交流，action属性的值指定了表单提交到服务器的地址。

button(按钮),例：this button submits the from

注意：当你设计表单时，你可以指定某些选项为必填项（requied）,只有用户填写后方可提交表单。

required属性：用户不填则不可提交。

例：

radio button(单选按钮)：单选按钮这是input输入框的一种类型，每个按钮都应该嵌套在label（标签）中，并且全部统一

使用name属性。（type="radio"）

例：Indoor

Ind

(两个单选按钮)

checkboxes(多选按钮)：多选按钮是input的另一种类型，每个按钮都应该嵌套在label（标签）中，并且全部统一

使用name属性。（type="checkbox"）

例：Loving

Lov

(两个多选框)

cheackd属性：设置多选按钮和单选按钮默认被选中。

例：

div元素：称为层元素（盒子），可以利用div把css的传递给它包含的所以元素，你可以用

来标记一个div元素的开始，然后

用

来标记一个div元素的结束。用class来传递。

例：

Things cats love:

cat nip

laser pointers

lasagna

Top 3 things cats hate:

flea treatment

thunder

other cats

Indoor

Outdoor

Loving

Lazy

Energetic

Submit

-复习：background-color属性：设置一个背景颜色。

例：

.c{

background-color:green;

}

id属性:每个元素的id属性都是唯一的，方便数据库的提交。

例：

中午所学的内容：

HTML格式化

块引用：blockquote（长引用）:浏览器会自动添加页面与文本的距离。

例：

这是长的引用，这是长的引用，这是长的引用，这是长的引用，这是长的引用，

这是长的引用，

输出结果：这是长的引用，这是长的引用，这是长的引用，这是长的引用，这是长的引用，

这是长的引用，

q（短引用）：为文本添加双引号。

例：

这是短的引用

-复习：删除字效果：这是删除字

插入字效果：这是插入字

abbr：单词缩写显示：HE

dfn元素：同效果一致，同时把字体放大和变成斜体,但是没有点下划线。

例：WHO

-复习：address元素：定义作者和位置及联系方式的标签:

name:zhongweijie

cite元素：用以定义作品的标题。通常显示为斜体。

例：骆驼祥子

-复习：bdo：改变文字方向。有"rtl"和"ltr"两种：adasd

adasd

-复习：计算机代码格式： :键盘输入：fgshfg

:计算机输出：ggdddgg

:编程代码：fasff

定义变量：a:唯一会改变文本格式：加大、斜体

pre元素：保留编译器文本中原来的格式：

dsfs

fasfsf fjagfh

dsd

注释：

text-decoration:none 通过添加此属性，使得链接没有下划线。

外部样式表：[当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以

通过更改一个文件来改变整个站点的外观。

-复习：link标签：链接外部样式：

]

例：

内部样式表：当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过 标签定义内部

样式表。

例：

body

p

内联样式：当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样

式属性。样式属性可以包含任何 CSS 属性。

例：

This is a paragraph

使用图像作为链接按钮：

name属性：name 属性规定锚（anchor）的名称。

您可以使用 name 属性创建 HTML 页面中的书签。

书签不会以任何特殊方式显示，它对读者是不可见的。

当使用命名锚（named anchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链

接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

语法：

文本

例：

首先，我们在 HTML 文档中对锚进行命名（创建一个书签）：基本操作事项 - 有用的提示

然后，我们在同一个文档中创建指向该锚的链接：有用的提示

您也可以在其他页面中创建指向该锚的链接：有用的提示

下一节：HTML链接：更多实例

今天的笔记就到这里,有不懂的可以提问,大神勿喷~