HTML的常用标记

一、基本标记

<html>//HTML文件的声明开始
	<head>
		<title>...</title>
	</head>//从<head>到</head>代表头部信息
	<body>
		......
	</body>//从<body>到</body>正文
</html>//HTML文件的声明结束 

1、<html>和</html>等都是成对出现的

2、在HTML中可以镶嵌JavaScript和CSS等一些内容

    

鼠标所在的位置就是title即标题


二、图片

http://www.w3school.com.cn/html/html_images.asp

<img src="url" />

1、图像由 <img> 标签定义

2、src 即 "source",可以指定图片的位置。

    可以指定某一个网站的具体图片(只要有URL即可访问到);同时,也可是一个相对路径(当前网页所在路径下的图片)

    url 指存储图像的位置。

    如果名为 "boat.gif" 的图像位于 www.w3school.com.cn 的 images 目录中

    (1) url 为 http://www.w3school.com.cn/images/boat.gif

    (2)url为/images/boat.gif

3、alt是提示的意思

<img src="boat.gif" alt="Big Boat">

在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好地显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。

4、调整图像尺寸

<img src="/i/eg_mouse.jpg" width="50" height="50" border="0">//宽50,高50,边框为0;

宽、高、边框等都能设置


三、超链接

http://www.w3school.com.cn/html/html_links.asp

<a href=""> xxx</a>//xxx代表显示在超链接上的文字

 

1、超链接由<a>标签定义

2、指定链接的位置

  • 通过使用 href 属性 - 创建指向另一个文档的链接
  • 通过使用 name 属性 - 创建文档内的书签
  • 通过使用target 属性,你可以定义被链接的文档在何处显示,如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。

3、"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。


四、表格

http://www.w3school.com.cn/html/html_tables.asp

 

1、实际开发过程中,表格的用途不是为了呈现数据,而是为了排版

                    

<tr> 标签定义 HTML 表格中的行。tr 元素包含一个或多个th 或 td 元素。

td 元素中的文本一般显示为正常字体且左对齐。

th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值