html各节点作用(待完善)

->什么是 HTML?

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

->HTML 文档 = 网页

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签和纯文本
  • HTML 文档也被称为网页

->各节点作用

HTML 标题: <h1> - <h6> ,<h1> 定义最大的标题。<h6> 定义最小的标题


HTML 水平线: <hr /> 标签在 HTML 页面中创建水平线


HTML 注释: <! --内容-->


HTML 提示 - 如何查看源代码:  网页单击右键,然后选择“查看源文件”(IE)或“查看页面源代码”(Firefox)


HTML 段落: 通过 <p> 标签进行定义的


HTML 链接:  通过 <a> 标签进行定义的

<a href="http://www.w3school.com.cn">This is a link</a>
->没有下划线的链接:
<a href="/example/html/lastpage.html" style="text-decoration:none">这是一个链接!</a>

->target 属性,定义被链接的文档在何处显示,下面的这行会在新窗口打开文档:

	<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

->name 属性

	<a name="label">锚(显示在页面上的文本)</a>
实例: 首先,我们在 HTML 文档中对锚进行命名(创建一个书签):
		<a name="tips">基本的注意事项 - 有用的提示</a>
然后,我们在同一个文档中创建指向该锚的链接:
		<a href="#tips">有用的提示</a>
也可以在其他页面中创建指向该锚的链接:

		<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

在上面的代码中,我们将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个命名锚了


HTML 图像:  通过 <img> 标签进行定义的

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

HTML 换行:  <br/> 标签定义换行 


HTML 属性: 属性总是以名称/值对的形式出现,比如:name="value"属性总是在 HTML 元素的开始标签中规定,属性值应该始终被包括在引号内,双引号是最常用的,不过使用单引号也没有问题某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号

name='Bill "HelloWorld" Gates'


HTML 图像: 由 <img> 标签定义,没有闭合标签

<img src="http://www.w3school.com.cn/images/boat.gif" width="128" height="128" />
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的
<img src="boat.gif" alt="Big Boat" >
在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像

HTML 表格: <table> 定义表格

		<table border="1">,定义表格边框粗细为1

<th>定义表格标题

<tr>定义表格具体行

<td> 定义单元格,字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等

<td>&nbsp;</td>或<td></td>定义空单元格
<caption>我的标题</caption>,定义有标题的表格

HTML 无序列表:始于 <ul> 标签。每个列表项始于 <li>


HTML 有序列表:始于 <ol> 标签。每个列表项始于 <li>


HTML 定义列表:以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值