发表于: 2017-10-29 18:16:54

1 717


今日完成

1.前段基础学习

(2)HTML 标签

<br /> 换行

* <hr /> 一条水平线

* color: 颜色

* 值的写法:两种

1)直接写英文的单词(red green blue)

2)RGB三原色(red green blue) #ab1255

* width: 宽度

* 值两种写法:      1) 200px;

2) 可以写百分比

区别:百分比跟着浏览器的大小而改变,像素值不会。

* <p></p> 段落标签

* 段落标签的开始和结束位置留一空行。

* align:对齐方式

(3)字体标签

字体标签:

* <font></font>

* color: 颜色

* size: 字体的大小

* 最大值和最小值

* 最小值是:1

* 最大值是:7

* 默认值: 3

* 值的写法 +2 (3+2)

* face: 字体的类型

* 标题标签

* <h1></h1>

...

 <h6></h6>

* 特点:逐渐缩小

* 粗体

* <b></b>

* 斜体

* <i></i>

* 标签可以嵌套的

<b><i>文本的内容</i></b>

(4)图片标签

图片标签

<img />

* 属性:

* src="图片的地址"

* width="图片的显示宽度"

* height:图片显示的高度

* alt:图片的说明文字

(5)超链接标签

* 超链接标签(*****)

* 写法:<a></a>

* 链接资源

* 必须要指定属性:href="链接的地址"

* 需要编写协议

* HTTP

* 默认file文件的协议

* 如果浏览器可以解析文件,默认会打开文件。

* 如果浏览器不可以解析文件,弹出下载窗口。

* 支持自定义协议

* 浏览器解析不了的协议,默认找操作系统的引用程序。

* 定位资源

* name 定义锚点

* 点击 href="#锚点名称"

(6)表格与表单标签

* 表单的标签

<form >

* form的属性

* action="表单的提交路径"

* html页面

* method="提交方式(默认是get方式)"(面试题)

* form表单的提交方式有哪些?(get和post的区别)

* 答:form表单提交方式有很多,常用的有两种post和get

* post和get提交方式的区别:

* get方式会把参数列表显示在地址栏上,post方式不会(请求体)。

* get方式说明网站安全级别较低,post安全级别较高。

* get方式不支持大数据,post支持大数据。

* 推荐大家使用post方式。

* 用户输入的内容

<input type="类型" name="名称(必须要指定)" value="是否指定value属性" />

* name属性必须要指定,value可以看情况指定

* type="text" 普通的文本框

* name必须指定

* type="password" 密码框

* * name必须指定

* type="radio" 单选按钮

* name必须指定 value必须指定

* name的属性,值要相同

* 默认值:checked=checked或者true

* type="checkbox" 多选按钮

* name必须指定 value必须指定

* 默认值:checked=checked或者true

* type="reset" 重置:恢复到最初的状态

* type="submit" 提交表单

* 点击提交后,地址栏发生了变化(?sex=on)

* 在普通的文本框上添加name属性 name="username"之后,点击提交,地址栏发生了变化(?username=haha&sex=on)

* type="file" 选择文件

* name属性指定

2.测试表单与表格

明日计划

1.学习css

遇到问题

收获

1.对HTML的标签与网页的基本组成有了基本的了解。



返回列表 返回列表
评论

    分享到