admin

html学习笔记(1)
(以下内容是我在imooc上学习的时候顺手记的,可能没什么逻辑)文档的头部描述了文档的各种属性和信息,包括文档的标...
扫描右侧二维码阅读全文
31
2018/05

html学习笔记(1)

(以下内容是我在imooc上学习的时候顺手记的,可能没什么逻辑)

文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

在<head>下的<style>标签中放一些自定义样式的东西,比如说span{...}、 h1{...}

浏览器对<blockquote的处理方式是有缩进

在上一节的例子,我们已经讲解过在html代码中输入空格、回车都是没有作用的。要想输入空格,必须写入&nbsp;

code标签,<hr />标签 <pre>标签(添加大量代码)

ul-li是没有前后顺序的信息列表 ol-li表示有前后顺序的标签

用div来划分板块,div标签中还可以用Id来标记对应的板块

table,tbody,tr,td,th(表格头部的一个单元格)

table中有一个summary属性,可以作为表格的摘要,但是不会在浏览器中显示

<a></a>标签可以链接到另一个文本,用href属性来表示,href中写对应链接,<a>和</a>之间写显示出来的东西,注意还有一个Title属性可以起到类似于预览的效果,
将target指定为"_blank"属性的意思是指定为在新的浏览器窗口打开 注意属性与属性之间不能用逗号隔开,应该用空格

发送邮件的属性 有mailto:....属性,也有subject、body属性,注意这里直接写就可以了,比如subject = 你在干嘛,, 不用加双引号的

<img> 标签中也有title属性(划过时显示文本) ,alt属性在图像不可见或者下载失败的时候显示对应文本信息

<form>表单通过label和input子标签来实现和用户的交互,但注意label和input子标签是放在父标签之间,而method(可选项为post,get)、action(决定传送数据给那个php)
input的属性有type 与name,前者是用来表示输入信息的类型,如文本还是密码、提交等等,后者是供.php参考的。PS:input还有placeholder属性,用来起到hint的作用
label属性有聚焦鼠标的效果,注意要将对应控件的id值设置好
<form>标签内可以直接输入汉字显示

textarea表示文本域,存放多行文本

radio/checkbox 分别表示单选按钮和复选框,注意同一组单选按钮的名字需要一致

下拉列表框:select标签、select标签有子标签option,也有一个mutiple的属性,如果把mutiple设置为"mutiple",则可以多选
而如果把某个子标签的option属性selected设置为selected,则该option默认被选中,option中的value属性为向服务器传送的值,如value = "看书"

 

Last modification:March 13th, 2019 at 07:06 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment