`
jinhonglin001
  • 浏览: 15109 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

html的标签(一)

 
阅读更多
<img src="picture.jpg" width="104" height="142" />

        学过一段时间后,竟然发现对html的标签不是那么熟悉,总结一下对待一些基础总是有这些不好的习惯,认为简单的不值一提。希望以此为戒。

一、html标签

       1、html的标题Heading(<h1>-<h6>标签定义)

<h1>heading1</h1>
<h2>heading2</h2>
<h3>heading3</h3>
<h4>heading4</h4>
<h5>heading5</h5>
<h6>heading6</h6>

        2、段落(通过<p>标签定义)

<p>paragraph</p>
 

      3、链接(通过<a>标签定义   href为链接地址)

<a href="http://www.baidul.com">This is a link</a>

      4、图片(通过<img>标签定义   图片属性可以设定)

<img src="picture.jpg" width="104" height="142" />

 

     5、换行(<br/>标签  当想要在一个段落内换行是使用这个标签)

<p>
break<br />line<br />in a<br />paragraph</p> 

    结果

break
lines
in a
paragraph, 

需要注意一直看到<br>和<br/>,很相似去找到了到底使用哪个比较好“未来的html不允许省略结束标签”,所以从长远看,还是使用<br/>

   6、表格

   每个表格由table标签开始

   每个表格由tr标签开始

  每个表格由td标签开始

  

<h4>一列:</h4>
<table border="1">                                                  
<tr>
  <td>100</td>
</tr>
</table>     


一列:

100

 

<h4>一行三列:</h4>
<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
</table>




一行三列:

100 200 300

 

<h4>两行三列:</h4>
<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>






两行三列:

100 200 300
400 500 600

    7、列表

     html中列表有三种

       a:无序列表   <ul> 

        无序列表是一个项目的列表,此列项目使用粗体圆点进行标记

        无序列表始于<ul>   每个列表始于<li> 

<ul>
<li>tea</li>
<li>meal</li>
</ul>   

       b:   有序列表      <ol>

       同样,有序列表也是一列项目,列表项目使用数字记性标记

        有序列表始于<ol>.每个列表始于<li>标签

<ol>
<li>tea</li>
<li>meal</li>
</ol>

       c:    自定义列表 

      自定义列表不仅仅是一列项目,而是项目及其注释的组合;

      自定义列表一<dl>标签开始,每个自定义列表项以<dt>开始,每个自定义列表项的定义以<dd>.开始

<dl>
<dt>Coffee</dt>
<dd>tea</dd>
<dt>Milk</dt>
<dd>water</dd>
</dl>

 

 

 

分享到:
评论

相关推荐

    html标签例如img,div,span等基本标签的使用

    div 标签是一个通用容器标签,用于将页面上的元素进行分组。其基本语法如下: ```html 内容 ``` div 标签可以添加其他属性,如 id 属性和 class 属性,用于指定元素的 ID 和样式。 例如: ```html 这是头部 ```...

    HTML标签解释大全

    ### HTML标签解释大全 #### 一、HTML标记 在HTML中,标记(也称为标签)是用来定义网页结构和布局的基本元素。以下是对部分常用HTML标签的详细介绍。 ##### 标签:!DOCTYPE - **说明**:`!DOCTYPE` 指定了HTML...

    HTML标签属性大全

    HTML标签属性大全 HTML标签属性大全是指在HTML文档中使用的各种标签的集合,包括基本结构标签、文本格式标签、图像标签、超链接标签、表格标签、表单标签、框架标签、多媒体标签等。每个标签都有其特定的用途和参数...

    PHP实现html标签补全函数

    PHP作为一种服务器端脚本语言,常用于处理动态网页内容,因此编写一个PHP函数来检查并补全缺失的HTML标签显得尤为重要。"PHP实现html标签补全函数"这一主题,就是针对这种问题提供解决方案。 首先,我们需要理解...

    html标签和属性总结

    超链接是HTML标签中非常重要的一部分,它可以实现从一个页面指向另一个页面的跳转。超链接的语法包括: * 文字超链接:”被访问的路径” target=”何处打开文档” title=”显示额外信息”&gt;名字 * 图像超链接:”...

    易语言清除HTML标签

    1. **初始化**:定义一个函数,如`清除HTML标签`,接受一个字符串类型的参数,表示待处理的HTML字符串。 2. **遍历标签**:使用循环结构遍历输入字符串,查找所有以`开头的可能标签开始位置。 3. **检查结束标签**:...

    java 读取html过滤标签

    在Java编程中,读取HTML并过滤特定标签是一项常见的任务,尤其在处理网页抓取、数据提取或构建网络爬虫时。这篇博文链接虽然没有提供具体的内容,但我们可以通过标题和标签来推测其主要讨论的内容。这里我们将深入...

    jspHTML标签库

    在Java服务器页面(JSP)技术中,HTML标签库(Tag Libraries)是一种增强页面表现力和代码可读性的重要工具。对于初学者来说,理解和掌握这一概念至关重要,因为它能够帮助我们更好地组织和管理网页内容。本篇将深入...

    HTML与CSS标签(一)

    1. **`&lt;html&gt;`** - **根标签**:表示整个HTML文档的开始和结束,所有其他的HTML标签都必须位于`&lt;html&gt;`标签之内。 2. **`&lt;head&gt;`** - **文档头标签**:包含了关于文档的元数据(metadata),这些信息对于浏览器解析...

    去掉所有的html标签

    例如,当我们从一个网站上抓取文章内容时,返回的数据可能是带有各种HTML标签的文本字符串,如`&lt;p&gt;`、`&lt;b&gt;`、`&lt;a&gt;`等。为了更好地处理这些数据,例如进行文本分析或者将其显示在不支持HTML渲染的环境中,就需要去除...

    html标签大全标签用法详解

    本篇文章将全面解析HTML标签的用法,为网站开发者提供详细的指导。 首先,我们来了解一下HTML的基本结构。一个标准的HTML文档通常由三部分组成:文档声明、头部(head)和主体(body)。文档声明例如`&lt;!DOCTYPE ...

    HTML标签转STRUTS标签

    本文将深入探讨HTML标签与STRUTS标签的转换,以及如何利用.NET平台,特别是Visual Studio 2005(VS2005)来实现这一过程。 HTML(超文本标记语言)是最基础的网页描述语言,用于定义页面结构和内容。例如,`&lt;html&gt;`...

    Java 中 过滤Html标签

    这个类提供了一个静态方法FilterHtmlText,输入一个含有Html标签的字符串,输出一个不含Html标签的字符串。 使用正则表达式过滤Html标签是Java中的一种常见技术,可以用来删除恶意代码、防止XSS攻击、显示纯文本等...

    HTML标签和属性

    HTML标签和属性 HTML(HyperText Markup Language)是一种标记语言,用于创建网页。HTML文档由一系列的元素组成,每个元素由开始标签和结束标签组成。HTML标签和属性是构建网页的基础,下面我们将详细介绍HTML标签...

    html列表标签

    表格的下一级标签是tbody标签,tr标签定义表格的行,th标签定义表格的头部单元格,td标签定义表格的普通单元格。 框架 框架是通过frameset标签实现的,rows属性指定框架的行高,cols属性指定框架的列宽。框架可以...

    HTML标签查询软件

    "HTML标签查询软件"是一种辅助工具,专为学习和查询HTML标签而设计,帮助开发者快速查找并理解各种HTML元素及其用法,提高开发效率。 在网页设计中,HTML标签是构成页面结构和内容的关键组成部分。每个标签都具有...

    解析带有html标签的json数据

    总的来说,解析带有HTML标签的JSON数据是一项涉及JSON解析、HTML解析以及潜在的安全考虑的任务。正确处理这些数据需要理解两种语言的特性,并利用相应的库和API来实现。通过掌握这些技能,开发者可以更有效地处理...

    html5 标签球

    "HTML5 标签球"可能是指利用HTML5的一些特性来创建一个动态的、可视化的标签云效果,就像物理世界的球体一样,用户可以滚动、点击,甚至有动态的旋转效果。下面我们将深入探讨HTML5中的关键知识点,以及如何结合CSS...

    Html标签一览表

    HTML标签通常由一对尖括号包围,如`&lt;tag&gt;`和`&lt;/tag&gt;`,其中`&lt;tag&gt;`是标签的开始,`&lt;/tag&gt;`是标签的结束,它们共同构成了一个HTML元素。元素的内容放在开始和结束标签之间,如`这是段落&lt;/p&gt;`。有些标签是自闭合的,...

    HTML常用标签.pdf

    HTML 标签是 HTML 文档的基础,通过这些标签,可以构建一个完整的网页。 基本文档结构标签 1. &lt;!-- --&gt;:注释标签,用于在源文档中插入注释。注释会被浏览器忽略。 2. &lt;!DOCTYPE&gt;:声明位于文档中的最前面的位置...

Global site tag (gtag.js) - Google Analytics