Home  >  Article  >  Web Front-end  >  Html5的一些基础知识_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:26:13972browse





页面标题








是一条直线

小标题


小标题





指的是段落




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

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

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文件






Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn