web前端开发教程之全方位详解HTML常用标签

HTML是所有网页制作技术的核心和基础,也是每个网页制作者必须掌握的基本知识,而HTML标签是HTML语言中最基本的单位,是HTML最重要的组成部分。

初学者首先要知道html标签的一些特点:

HTML标签是与大小写无关的,例如“主体”跟表示的意思是一样的,推荐使用小写。类似“<p>”这样由尖括号包关键字组成,例如,

<h1>标题</h1>就是HTML标签。HTML标签一般是成对出现的,由开始标签类似<h1>,左边标签一边叫开始标签,右边</h1>叫结束标签,有始有终,除了一些个别是单闭合标签的,下面列举HTML单闭合标签。新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。


单闭合标签

1.<br />

2.<hr />

3.<area />

4.<base />

5.<img />

6.<input />

7.<link />

8.<meta />

9.<basefont />

10.<param />

11.<col />

12.<frame />

13.<embed />

字体效果

标题1(最大)一级级往下字体变小,网页一般从h1~h4,h4之后一般不会用了   删除线

标题6(最小)   删除线(表示删除)
粗体字   键盘文字
.. 粗体字(强调)   打字体
斜体字   固定宽度字体(在文件中空白、换行、定位功能有效)
斜体字(强调)   固定宽度字体(不执行标记符号)
... 斜体字(表示定义)   固定宽度小字体
底线   字体颜色(写成类似color=“#00ff00”也可以)
... 底线(表示插入文字)   最小字体
横线     无限增大(字体大小为100px)

区断标记


水平线   禁止换行,No Break的缩写

水平线(设定大小)  

段落

水平线(设定宽度)  

对其包围的文本进行居中设置

水平线(设定颜色)      
  换行      

链接

  为页面上的所有链接规定默认地址或默认目标     指定超链接目标的 URL(全窗口连接)
  指定超链接目标的 URL     指定超链接目标的 URL(在指定页框连接)
  指定超链接目标的 URL(另开新窗口)      

图像/音乐

往网页贴图片   设定贴的图片边框
设定贴的图片宽度     背景音乐设定
设定贴的图片高度      

表格

表格位置,置左   指定网格线与网络线之间的距离(使用数字)
表格的位置,置中   指定表格的栏数
背景图片的URL=就是路径网址   设定表格外边框线的显示方式
设定表格边框大小(使用数字)   指定表格宽度大小(使用数字)
设置表格的背景颜色   指定表格高度大小(使用数字)
设定表格边框的颜色     指定储存格合并栏的栏数(使用数字)
设定表格暗边框的颜色     指定储存格合并列的列数(使用数字)
设定表格亮边框的颜色      

分割窗口

  左右分割,将左边框架分割大小为20%,右边框架的大小浏览器会自动调整   加上批注
  上下分割,将上面框架分割大小为20%,下面框架的大小浏览器会自动调整  

设定定义列表的项目描述
  分割左右两个框架   显示"定义"文字
  分割左中右三个框架   列表文字卷标
  分割上中下三个框架  

设定定义列表的卷标
  批注  

...

定义列表中的项目
  指定超级链接的分割窗口   强调之用
<a href="#锚的名称> 指定锚名称的超级链接     任意指定所用的字形
  指定超级链接     设定字体大小
被连结点的名称     设定
用来显示电子邮箱地址      
粗体字      
  指定超级链接的分割窗口      
  加入背景音乐      
呈现大号字体效果      
  显示闪烁的字符串或文字(IE不支持)      
  设定文字颜色      
显示本文      
  换行      
  设定表格标题位置      
 
为表格加上标题      

对包围的文本进行居中处理,html5不支持此标签      
用于引经据典的文字      
用于列出一段程序代码      

跑马灯新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。

标签

功能

... 普通卷动
... 滑动
... 预设卷动
... 来回卷动
... 向下卷动
... 向上卷动
  向右卷动
  向左卷动
... 卷动次数
... 设定宽度
... 设定高度
... 设定背景颜色
... 设定卷动距离
... 设定卷动时间
发布了10 篇原创文章 · 获赞 0 · 访问量 5069

猜你喜欢

转载自blog.csdn.net/html886/article/details/104457538