HTML的显为人知那些事-串联记忆常用html标签

程序员文章站 2022-05-06 19:45:51

...

作为一个后端的web码工，前端的html也要能了解，感兴趣可以深入研究。html标签不区分大小写

一个html包含声明和html具体部分，声明：在文件开始要告诉浏览器使用的规范时什么（<!DOCTYPE html>html表示html5规范），然后剩下的内容包含在<html></html>标签中，html包含两部分，存放页面信息的head和存放文件内容的body。head可以控制浏览器按照什么样的编码格式读取文件<meta charset="UTF-8"/>），可以命名标题(title)。body中使用的标签一般都包含宽度width、高度height、对齐align、资源位置src、类型type、alt提示内容等属性

标题我只认h1-h6，其余都是正文，字体font属性size可以最大到7，可以用color控制颜色，face控制字体。然后字体组成段落p标签，当然可以用br换行，hr分割线。若是想强调东西可以用粗体b和斜体i，不过我建议你用对盲人友善的strong和em替代前面两个。想列表显示的话有无序的ul(<ul><li></li></ul>)和有序的ol，当然他们有对应的type，有序的还有start表示从哪开始。如果你想链接到别的地方，可以用a标签的href（支持本地的文件路径），target控制新页面的弹出方式。

表格table很重要，tr行td列，对应的单元格合并用colspan（列合并）、rowspan，border控制边框、要是想颜色独特用

bgcolor

页面整体布局分块就需要用到新的东西，在一个html中包含多个html，用frameset frame，使用frame时就不要使用body

<frameset rows="15%,*">
    <frame src="top.html"/>
    <frameset cols="15%,*">
        <frame src="left.html"/>
        <frame src="right.html" name ="rightFrame"/>
        <!-- name方便left.html中的操作显示 target="rightFrame" -->
    </framset>
</framset>

好了，布局说完了，上述内容大约可以制造出一个比较丑陋的页面，那么要想与后台交互或与别的页面交互，就需要用到form表单（action指向请求的地方 method表示请求的方式），然后输入框input大显神通，input有多种type，分别由text、password、radio、checkbox、button、submit、reset、date、number、file、tel。此外还有textarea表示大框

HBulider常用快捷键

Ctrl+D 删除当前光标所在的行

Ctrl+Shift+R：复制当前行到下一行

Ctrl+Enter：将光标移动到下一行

Ctrl+Shift+Enter：将光标定位在上一行

Ctrl+Shift+/：注释当前行

Ctrl+R：运行当前页面/刷新当前页面

相关标签： html标签串联html标签

上一篇：改写ThinkPHP的U方法使其路由下分页正常_PHP

下一篇： php生成短网址的思路以及实现方法