html

双闭合标签:<></内容>
单闭合标签:<内容/>
html是超文本标记语言，是可以在其中放视频音频图片之类的东西.
空白折叠:所有的空格和换行都会折叠成一个空格.
P：段落，p标签中不能放块级标签

适用于大多数标签的属性

属性	值	描述
class	classname	规定标签的类的名字
id	id	规定标签的唯一ID
style	stype_definition	规定标签的行内样式
title	text	规定元素的额外信息,在网页中鼠标悬浮即可看到

行内标签

行内标签特点:在一行内显示，不换行;不能设置宽高,默认是内容的宽高
行内标签有个特殊的存在:行内块标签,有img,input,特点是不换行，但是可以设置宽高

span:用来组合行内元素
a:超链接,从一张页面跳到另一张页面中,未被访问的链接带有下划线且显示蓝色,已被访问的变为紫色,活动链接是红色的.属性:

href:链接指向的URL.
target:以什么方式跳到新的链接,有_blank表示打开一个空的页面然后到新的链接,_self表示自己的页面跳到新的链接页面等
<a href="javascript:void(0);">跳转顶部</a>:表示跳转顶部,不刷新页面(不过不屑void(0)这段的话虽然会跳转到顶部，但是是通过刷新页面的方式回到顶部的)

em/i:斜体
strong/b:粗体

块级标签

块级标签：独占一行，可以设置宽高

H1~H6:标题标签,从H1到H6逐渐从大到小,H1每个文本只能有一个，是全文的标题.
div:用来划分网页的区域
p:段落标签,只能放行内标签和表单,不能放除了表单外的别的块级标签
ul:无序列表,可以通过type="属性值"来设置记号,属性值可以选： disc(实心原点，默认)，square(实心方点)，circle(空心圆).列表中的每个元使用li标签来表示,li标签也是块级标签.
ol:有序列表,通过type="属性值"来设置通过什么排序,属性值可以是：1(阿拉伯数字，默认)、a、A、i、I。结合start属性表示从几开始.跟上面一样,列表中的元素用li标签来表示
dl:自定义列表,其中dt为标题,dd为元素.
table:表格,比较丑,tr为一项,td为一项下面的元素
form:表单，是前端和后端交互的标签,C/S架构是客户端和服务端交互的,而B/S架构中浏览器就是通过表单去向后端请求数据的.搭配表单控件input的submit类型去使用,可以真正的将表单提交到设置的URL表单的属性有:

name:表单名称
id:表单唯一标识ID
action:指定表单数据的处理程序,一般是PHP，比如action=login.php
method:表单数据提交方式，一般使用get和post.

表单控件:
input:用于收集用户信息,根据不通的type属性值,输入字段可以有很多种形式,有文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等.他的属性有:

type:属性值,根据所选择的属性值的不同,可以选择很多种形式,如下:
- text:默认的文本形式,placeholder=""可以在输入框中加入背景文字
- password:密码类型,输入的时候不显示
- radio:单选按钮,名字相同(就是name属性的值相同)的作为一组进行单选,name相同的才是互斥的.单选的值(就是提交的值)使用value去定义
- checkbox:多选按钮,名字相同的作为一组进行多选
- checked:将单选按钮或者多选按钮默认处于选中状态,只有type等于radio或者checkbox的时候可以写这个属性.
- submit:提交按钮,之后跟value中的值为按钮名称,注意这个按钮真正的是会提交的(将input嵌套在form表单标签中,使用submittype就会将表单中的数据提交到form中action指定的URL),点击按钮后，这个表单就会被提交到form标签的action属性中指定的那个页面中去
- image:和submit提交按钮功能大致一样,不一样的是图片按钮可以显示图片.
- file:上传图片时使用注意,上传文件的时候,form设置method为POST，enctype为multipart/form-data
value:input元素的值
size:输入字段的宽度

select:下拉列表,用户可以通过下拉列表选择对应的值,select是双闭合标签,嵌套option标签来使用,option标签也是双闭合标签：

    <form>
        <select name="fav_movies" id="fav_movies">
            <option value="1">肖申克的救赎</option>
            <option value="2">阿甘正传</option>
            <option value="3" selected>这个杀手不太冷</option>
        </select>
    </form>

在option标签中还可以使用selected属性来指定默认选中哪个.

textarea:描述框,就是可以写一大段的框,语法如下:

<textarea name="dec" id="dec" cols="30" rows="10"></textarea>

其中cols表示列数,数字越大框越宽;rows表示行数,数字越大框体越高.

表单控件中所有的值靠的是value属性
img标签的值靠的是src
其它标签的内容都是文本
10. lable:通过for属性指定input标签中的id,绑定之后不管input在什么位置都可以将lable显示的内容和input一起显示出来.

posted @ 2018-11-08 17:28 吻风123456 阅读(89) 评论(0) 收藏举报

刷新页面返回顶部

吻风1992

html

适用于大多数标签的属性

行内标签

块级标签