第二节:HTML知识点升级

高级标签

列表:无序列表ul>li;有序列表ol>li;自定义列表dl>dt+dd;列表嵌套ul>li>ul>li

无序列表:

                                    结果

有序列表:


注意:<ol type=" "></ol>,type="1"/"a"/"A"/"大写阿拉伯1"/"小写阿拉伯1"来决定序号的符号样式

定义列表:

创建表格:

注意:rowspan,行合并单元格;colspan,列合并单元格。

节标签

div标签:块级别,独占行,类似有:p,div,ul,ol,dl,li,dt,h1-h6,

span标签:行级别,可以跟其他行内标签共用一行,类似有:span,strong,em......文本相关的标签都是行内标签。

表单

一个完整的表单通常由表单空间(表单元素)、提示信息、表单域三个部分构成

method,取值get或post

input控件:

textarea控件:

select控件:

其他标签

<base target="_blank">,base标签可以让当前页面中的所有的a标签都拥有相同的属性,比如target属性

特殊字符标号

HTML语义化

web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。

标签与语义相结合,尽量不要使用没有语义的标签,比如:div,span,尽量使用p,ul,ol,table等标签。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)?...
    hk_kh阅读 841评论 0 0
  • 列表标签: 无序列表:ul 语法:(下图) 注: … 标记表示这一个无序列表的开始与结束,而 则表示这是一个列表项...
    显然2017阅读 790评论 1 2
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,817评论 32 459
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,198评论 2 21
  • 采拮~~农村是一个广阔的天地,在那里是可以大有做为的。
    瘦人碗子阅读 423评论 0 0

友情链接更多精彩内容