HTML第二小节

一、列表标签

1、无序列表:ul--li

2、有序列表:ol--li

备注:ul和ol中间不能嵌套标签,li中间可以嵌套标签。

3、自定义列表:dl--dt--dd

二、表格标签

table-----tr(行)-----td(单元格)

thead-----表格的头部  th---表格的标题

tbody-----表格的内容

单元格的合并联 rowspan:一个单元格占用两行进行显示

 colspan:将一行中的一个单元格占用两个列进行显示。

三、节标签

Div标签-------块级标签:独占行

span标签------行级标签:可以和其他的行内标签共用一行

块:p,div,ul,ol,dl,li,dt,h1-h6

行:span,strong,em,文本相关的标签都是行内标签

四、表单标签

Form:包裹标签 action:#   指向后台地址属性

Input:文本框、单选按钮、多选按钮、提交的按钮、按钮、重置的按钮

<input type="text">

<input type="radio"> 单选

 <input type="checkbox"> 多选

<input type="submit" value="提交"> 提交的按钮

<input type="button" value="普通按钮">

<input type="reset" value="重置">

lable标签,for属性指向要提供服务的标签的id值。

lable直接包裹标签,可以实现点击标签的文字内容,让包裹的表单标签获得焦点。

Select:下拉列表,列表。 Multiple,单属性

Option设置我们的列表的选项。

Textarea文本域标签:当输入大量的文本的时候需要使用文本域标签。

Cols设置文本域可以输入多少列字符,宽度。

Rows设置文本域可以输入多少行字符数,高度。

Fieldset标签

Legend,组合标签的标题。

内联框架标签

iframe标签,现在不建议使用,都用DIV。

其他的补充标签

meta标签:网站SEO,关键词和描述,对网页没有用,给搜索引擎用的。

link标签:引入CSS

script标签:引入JS

a标签补充:#锚定。 target属性补充::blank _parent _self _top framename

base标签:设置当前面页所有的超级链接属性。

特殊字符标记



HMTL:

1、网页结构:HTML

常用的标签:Div、span、strong、em、table、tr、td

Ul、li、ol、dl、dt、dd

Input  select  textarea lable form fielset

2、CSS,描述样式

3、JavaScript,实现页面交互的效果。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 高级标签 列表标签 无序列表 unorder list 没有顺序的标签列表 北京 上海 杭州 有序列表 order...
    alienskywalk阅读 283评论 0 7
  • 内联框架 会破坏网站的seo,不建议使用,是行内标签,可以多个用在同一行. meta标签 网站SEO 关键词和描述...
    alienskywalk阅读 335评论 0 1
  • 1. 快捷键 ctrl+{ 进行左缩进 ctrl+} 进行右缩进 2.table 代表整个单元格 tr代表一整...
    becauseyou_90cd阅读 528评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,787评论 1 92
  • 列表标签: 无序列表:ul 语法:(下图) 注: … 标记表示这一个无序列表的开始与结束,而 则表示这是一个列表项...
    显然2017阅读 736评论 1 2