HTML基本概念

HTML基本概念

--之心

HTML的英文全称是 Hyper Text MarkUp Language,中文叫做“超文本标记语“。

结构:

<html>...</html> <head>...</head> <body>...</body>
<HTML> <HEAD> <title>, <base>, <link>, <isindex>, <meta> </HEAD> <BODY> HTML 文件的正文写在这里... ... </BODY> </HTML>
HTML基础
在<head >和</head>之间的内容,是Head信息。Head信息是不显示出来的,你在浏览器里看 不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词,有助于搜索引擎能够搜索到你的网页。
在<title>和</title>之间的内容,是这个文件的标题 。你可以在浏览器最顶端的标题栏看 到这个标题 。
在<body >和</body>之间的信息,是正文。

1.常用文本格式

<b >粗体bold <i>斜体italic <del> 文字当中划线表示删除 <ins> 文字下划线表示插入 <sub> 下标 <sup> 上标 <blockquote> 缩进表示引用<pre> 保留空格和换行 <code > 表示计算机代码,等宽字体

2.超链接


<a href="url ">链接的显示文字</a>
target属性
target=_blank 新窗体打开
Title属性
可以让鼠标悬停在超链接上的时候,显示该超链接的文字注释

3..HTML表格

HTML表格用<table>表示 。一个表格可以分成很多行 (row ),用<tr>表示;每行又可以分成很多单元格 (cell ),用<td>表示。
Border属性
设置表格的边框

4.HTML表格

HTML表格用<table>表示 。一个表格可以分成很多行 (row ),用<tr>表示;每行又可以分成很多单元格 (cell ),用<td>表示。
Border属性
设置表格的边框

5.表单(Forms)

HTML表单(Form)是HTML的一个重要部分,主要用于采集和提交用户输入的信息。
举个简单的例子,一个让用户输入姓名的HTML表单(Form)。示例代码如下:
<form action="" method="get ">
请输入你的姓名:
<input type="text" name="yourname ">
<input type ="提交" value ="提交">
</form>
HTML图片(Images)
<img src="url">
alt属性
假使浏览器没有载入图片的功能,浏览器就会转而显示Alt属性的值。
其实,现在大多数浏览器都支持图片载入。在此介绍Alt属性,是因为它的另外一个重要功能。目前搜索引擎抓取工具无法识别图像中所含的文字 ,所以用ALT属性写上图片的说明,便于搜索引擎抓取你网页的内容。

6.HTML字体(Fonts)

<font size="2">这一段的字体大小的值是2</font>

7.字体颜色

用颜色属性(color)来设定字体颜色

8.HTML背景颜色和背景图片

HTML的 <body> 有两个关于背景的属性,一个是 bgcolor,是设置背景颜色的;另一个是 background,是设置背景图片的。
bgcolor属性
bgcolor属性用来设置HTML网页的背景颜色 。
background属性
background属性用来设置HTML网页的背景图片

posted on 2017-02-24 15:14  之心  阅读(497)  评论(0编辑  收藏  举报

导航