首页 >web前端 >html教程 >Html5的一些基础知识_html/css_WEB-ITnose

Html5的一些基础知识_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:26:131002浏览





页面标题








是一条直线

小标题


小标题





指的是段落




指的是换行,放在一句话的后面,重复用可以多空几行

指的是空格。圆角状态下的空格也可以在网页中表现出来。

Tab指缩进

title放上去的时候会显示


苹果

苹果是一种水果

香蕉

香蕉也是一种水果


是指定义








姓名 性别 学科
李培能 语文
胡习平 语文
王小康 语文
戴晓 语文

表格由table标签创建,tr标签创建行,td(colspan可以横跨几列,
rowspan可以横跨几行)或th(使第一行粗一点)创建列;
border标签表示表格边框的宽度,cellpadding标签表示字和框线的距离,
cellspacing标签表示每个单元格的间距




会员注册



姓名:

密码:

头像:





性别:
  



爱好:读书
上网
旅游

自我介绍:






form表示表单;input标签定义表单的输入界面,通过type属性来展示不同
的输入界面,通过value来改变默认值,file可以用来上传头像,hidden表示隐
藏,button表示普通按钮,radio表示单选(但是要加name来关联),checkbox用
来表示多选(爱好),submit表示提交,rest表示重置;
action表示表单要提交到哪里,method表示提交方式(post和get);
checked=“checked”表示单选或复选的默认选择,disabled="disabled"表示默认
选择无法改变,readonly=“readonly”表示只读,size表示框的长度,textarea
是双标签,表示多行输入(cols表示长度,rows表示行数);
label用来提升用户体验,使勾选更容易(需要id和for配合使用);
select用来创建下拉栏{用option【用disabled(不能选),selected="selected"
(默认),value】来配合,还有disabled,name,multiple="multiple"(展开)};
optgroup用来表示组合(用label来配合),给选项进行分组



Html5的一些基础知识_html/css_WEB-ITnose

从前有座灵剑山





相对路径,指的就是图片的名字
./等于当前目录 ../等于上一级目录 文件夹名称/等于当前目录内的文件夹
Html5的一些基础知识_html/css_WEB-ITnose

百度贴吧



换行


不换行

我是一句话





  • 网友A:我喜欢小说。


    • 网友B:我喜欢漫画。


      • 网友A:小说更好看。





  • 列表



  1. 列表

  2. 列表


向下卷动

ANSI格式对应的charset=“gb2312”


标签写法以及嵌套的探讨


1、不容许写结束标签的元素有(单标签):area,bass,br,col,command,embed,hr,img,
input,keygen,link,meta,paran,source,track,wbr.

  可以省略结束标签的元素有:li,dt,dd,p,rt,rp,optgroup,option,colgroup,
thead,tbody,tfoot,tr,td,th.

  可以省略全部标签的元素有:html,head,body,colgroup,tbody.

2、具有boolean值(是/否)的属性:disabled,readonly,checked.
这些元素写的话就是true,不写的话就是false

属性值的引号可以省略,但属性值不可以包括空字符串,,=,+

3、块级元素可以嵌套内联元素,比如:


但内联元素不可以嵌套块级元素,span不可以在div的前面;

内联元素可以嵌套内联元素,比如:

块级元素不能放在p标签内,比如:

是错的,

也是错的;

li内可以包含div标签和ul、ol标签;

块级元素和内联元素是可以相互转化的。

是对的。

其他标签


head中合法的标签有:bass,link,meta,title,style,script.
1、为html页面添加描述信息用于搜索引擎抓取
使用name属性,配合content来实现!(放在head中,title的下面)


2、引入css文件
css代码是写在一个单独的文件中的

3、为html文档加入使用的语言,在国际化网站中使用


英文使用en
4、用html来实现网页的跳转

5、告诉浏览器不要加载页面的缓存(即获取网站的最新内容)

6、iframe标签,框架(把一个网页以小框框的形式插入到另一个网页)
创建包含另一个文档的内联框架(即行内框架)【是在body内】。
属性:
frameborder 值:1,0 作用:规定是否显示框架周围的边框
width
scrolling 值:yes,no,auto(自动) 作用:规定是否在iframe中显示滚动条
src 规定在iframe中显示文档的URL,可以是本地的html文件,也可以是远程的html文件






声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn