我的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 条评论
登录 后参与评论

相关文章

来自专栏向治洪

Markdown对应Yelee主题语法

概述 这里说的是Yelee主题的语法和原生语法是有些区别的;更多的基础语法可以到Cmd Markdown上面去查看;但是我觉得都会各有不同吧 注意这里说的不是真...

2006
来自专栏天天

20171024

1173
来自专栏xingoo, 一个梦想做发明家的程序员

【前端开发系列】—— CSS3属性选择器总结

想想自己为什么要学CSS,作为一个开发过前端的人员来说,调试一个图片花了半天的时间,最后发现分隔符用错了,实在是一件很丢人的事情。因此,痛下决心来学习CSS,...

2127
来自专栏flutter开发者

自定义View番外篇

在前面的文章中我们学习了自定义View的基本用户,并且结合动画等相关知识给大家举了几个例子。

1992
来自专栏极客慕白的成长之路

系统讲解CSS应用

<input type="radio" name="radio1" id="radio1-2" /> <label for="radio1-2">选项二</la...

581
来自专栏有趣的django

20.DOM

定义 文档对象模型(Document Object Model)是一种用于HTML和XML文档的编程接口。 查找元素 1.直接查找 document.getEl...

3495
来自专栏Java技术分享圈

杨老师课堂之JavaScript案例全选、全不选、及反选

        3.2当第一个按钮--全选--被单击 会 触发一个函数,此函数涉及到复选框全部选中功能,但是复选框一共有多少个是未知的,所以我们要去做一个循环,...

662
来自专栏小古哥的博客园

Vue入门

一、引入vue 方法一:下载vue.js,然后像引用jquery一样,在HTML中使用script标签引入 <script src="https://unpkg...

3978
来自专栏LIN_ZONE

js 画布与图片的相互转化(canvas与img)

//将图片对象转化为画布,返回画布 function ImageToCanvas(image) { var canvas = document.createE...

2002
来自专栏小李刀刀的专栏

动态实现指定图片半透明及鼠标事件

说明:在不改变HTML代码的前提下,通过CSS和JavaScript,对指定的图片实现半透明效果。并为该图片添加鼠标滑过和滑出特效。 具体实现: 1.假设我们要...

3109

扫码关注云+社区

领取腾讯云代金券