专栏首页菜鸟计划我的HTML总结之常用基础便签

我的HTML总结之常用基础便签

HTML:是Hyper Text Markup Language(超级文本标记语言)的缩写,HTML不是一种程序,只是一种控制网页中数据显示的标识语言。

HTML由一组标签组成。

HTML的基本结构

 <html>

   <head>

     <title>第一个HTML示例</title>

   </head>

   <body>

     HTML的基本结构

   </body>

 </html>

HTML在浏览器中运行。

HTML是纯文本文件,所以可以使用任何一款文本编辑器编辑。

1.实际应用中记住以下几种便签的就ok了:

块级标签:<div> <h> <ul> <li> <p> <form>  占满一行,可以设置宽,高

行级标签:<span> <a>  只占用自己的大小,不可以设置宽,高。

行内块标签:<img> <input>   只占用自己的大小,但可以设置宽,高。 

换行标签<br/>

空格$nbsp

<!--注释 -->

关于<a>标签

a标签的一些常用属性:href、title、target、name(锚记时用)

<a  href="目标网址"  title="鼠标滑过显示的文本"  target="_blank">链接显示的文本</a>  _blank在新窗口中打开,_self在自己的窗口中打开

<a>中还可以嵌套图片,这样就是点击图片打开链接

<a href="www.baidu.com">
    <img src="aaa.jpg" />
</a>

通过a标签在自己内部跳转

第一步写个锚:

第二步写链接到锚:

2.列表与表格标签

无序列表标签<ul>。

格式:

   <ul type=""><li></li></ul>

ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点  默认会在css初始化的时候用:list-style: none;

   type设置标号的类型,值可以取:

   1 disc :实心圆点

   2 circle  :空心圆点

   3 square  :实心方块

有序列表的每项都有连续的编号。

格式

<ol type="" start="">

 <li></li>

type设置标号的类型,值可以取:

  1:显示数字

  A:显示大写字母

  a:显示小写字母

  I:显示大写罗马数字

  i:显示小写罗马数字

start取值:数字

嵌套列表:一个列表作为另一个列表的一部分,即多层列表。

HTML中的表格通过<table>、<tr>、<td>、<th>四个标签完成。 (现在用的很少了,基本都用现成的表格UI组件)

cellspacing、cellpadding 在tale便签上写,清除单元格之间的空隙和单元格内的填充

rowspan、colspan 在td单元格内写,合并单元格的行和列

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 我的HTML总结之HTML发展史

    HTML是Web统一语言,这些容纳在尖括号里的简单标签,构成了如今的Web。 ? 1991年,Tim Berners-Lee编写了一份叫做“HTML标签”的文档...

    柴小智
  • HTTP请求详解

    使用http协议进行前后端通信 web使用一种名为HTTP(HyperText Transfer Protocol),超文本传输协议作为规范,完成从客户端到服务...

    柴小智
  • redux基础概念及执行流程详解

    全局有一个公共的容器(所有组件都可以操作),我们可以在某个组件中把全局容器中的信息进行修改,而只要全局信息修改,就可以通知所有用到该信息的组件重新渲染(类似于发...

    柴小智
  • 秘钥认证用户自动控制

    明哥的运维笔记
  • 【游戏编程板块】关于游戏开发的客户端/服务器端的版本控制

    【客户端】 1.关于游戏引擎 在15年3月开始准备做h5游戏的时候,首先遇到的问题就是引擎选型的问题。 当时市面上的2d引擎主要有3个:白鹭egret,laya...

    李海彬
  • 文件识别浅谈(含office文件区分)

    本文主要根据后台接口识别Office文件类型这一话题做一些分享,主要方向还是放在不能获取到文件名情况下的Office文件识别。

    Rekent
  • 性能测试-Jmeter性能测试实战

    接口地址:http://www.baidu.com/s?ie=utf-8&wd=jmeter性能测试

    用户6367961
  • Neurable发布“心灵遥感”SDK,用意念控制行动

    根据Neurable的说法,他们通过使用机器学习来翻译“实时的大脑活动,以提供虚拟的心灵遥感能力”。该公司提供SDK,因此Unity开发人员可以将系统集成到游戏...

    BestSDK
  • iWorker工作家蔡军:云ERP才是SaaS主战场

    6月15日由人称T客和T媒体主办、海纳汇协办的「中国软件渠道伙伴大会」在北京召开,大会以“回归渠道价值”为主题,同全国各地300多家渠道商一起分享了他们对国内S...

    人称T客
  • ERP的快速实施,能够很快能给企业带来效率和效益么?

      这种观点也是比较片面的。一个企业能不能快速的实施ERP,完全取决于企业自身的情况。如果企业自身的管理基础比较好,员工的信息化素质比较高,那么当然可以快速实施...

    明象ERP

扫码关注云+社区

领取腾讯云代金券