Html部分标签-优快云博客

本文链接：https://blog.youkuaiyun.com/hgk324/article/details/38106359

head中常用标签：

³ <title> 文字 </title>² “ 文字 ”将显示在浏览器标题栏上

³ <meta> ：用于设置一些头信息

² <meta http- equiv =“content-type” content=“text/ html;charset =gb2312”>

² <meta http- equiv =“refresh”content=“3;url=http://www.foo.com”>

² <meta name="keywords" content="yourkeywords">

² <meta name="description" content="yourdescription">

² <meta http- equiv ="expires"content="0">
<meta http- equiv ="pragma"content="no-cache">

² <meta name="generator | author | copyright"content="…..">

³ <style>…</style> 定义 CSS 格式

³ <Script language=“”>…</Script> ² 用于定义脚本， Eg . Javascript

<div></div>——一个块级元素，用设定字、画表格等的摆放位置。

<ul></ul>——无序列表，每个列表由<li>开始

<ol></ol>——有序列表，每个列表由<li>开始

<table></table>——定义表格，<tr></tr>——定义表行，在表格中有几对这样的标记就有几行。<td></td>——定义表中具体元素，在表格中有几对这样的标签就有几列。其中 代表空格。

示例：

<html>
	<head><title>文字布局</title></head>
	<body>
		<p> 这里新起一段，我们来谈谈中国的古代文化，话说乾隆年间，有个小朋友...</p>
		<p> 这里新起一段，我们来谈谈中国的古代文化，话说乾隆年间，有个小朋友...</p>
		<div>这个小朋友的名字叫做辽阔草原，你可能会问，好奇怪的名字哦，说起这个名字来，有一个来历...</div>
		<ul>
			<li>来历一：他爸爸起的
			<li type="circle">来历二：瞎编的
			<li type="square">来历三：呵呵，为什么要告诉你
		</ul>
		<ol>
			<li>来历一：他爸爸起的
			<li>来历二：瞎编的
			<li>来历三：呵呵，为什么要告诉你
		</ol>
		
		我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！我换行！我自动换行！
		<br>
		<br>
		<br>
		
		<nobr>我就不换行！就不换行！我就不换行！就不换行！我就不换行！就不换行！我就不换行！就不换行！我就不换行！就不换行！我就不换行！就不换行！我就不换行！就不换行！我就不换行！就不换行！我就不换行！就不换行！</nobr>


<pre>
	asdfihasdf
	fasd
	fa
	sdf
	as
	dffsdfasd
	 fsdfasdf
	                             fasdfsadf
	                             asdfasdfs
	      987982347590234
</pre>


	</body>
</html>

表格

示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>表格训练</title>
</head>
<body>
<table align="left" border="1" width="400">
	<tr>
		<th width="%25" align="center"><font size="2" color="red">姓名</font></th>
		<th width="%10" align="left"><font size="2" color="yellow">年龄</font></th>
		<th width="%25" align="right"><font size="2" color="red">职业</font></th>
		<th align="center"><font size="2" color="red">爱好</font></th>
	</tr>
	<tr>
		<td rowspan="2" align="center" valign="bottom">张三</td>
		<td rowspan="2">26</td>
		<td rowspan="2">司机</td>
		<td>游泳</td>
		<tr><td>游戏</td></tr>
	</tr>
	<tr>
		<td>李四</td>
		<td>25</td>
		<td>教师</td>
		<td>篮球</td>
	</tr>
</table>
</body>
</html>