`
adsl123gg2008
  • 浏览: 35160 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

HTML1

 
阅读更多

今天我们将html1,很激动,因为我能做网页了,虽然很简单,但是起码能做点东西了,

先写下html的基本结构

<html>

	<head>
		<title>这是我的第一个网页</title>
	</head>
	<body>
		你好!
	</body>

</html>

 html包括<head>和<body>部分,

meta标签,应该放在<head>部分

<meta http-equiv="Refresh" content="2" /> 表示2秒钟刷新一次

<meta http-equiv="refresh"  content="2;URL=http://www.google.cn“/> 表示2秒之后转到www.google.cn

 html常用标签

<b>字体加粗 <i>斜体 <u>下划线 <br> 换行 <hr> 水平线 <p>表示段落 <pre>与格式化段落,在这之间的内容怎么写,就怎么呈现 <sub>下标 <sup>上标 <h1~h6>字体大小,h1最大

背景控制

<body bgcolor="#ffccff“ background="back_image.gif" > 
        hello world! 
</body> 

 字体标签

<font  size="+5" color="red" face="宋体">

     字体内容

</font>

图片标签

<img  src="1.png"  width="300" height=-"200"  title="手机"  align="top"/>

title表示当鼠标放在图片上时显示的文字,align表示图片后的文字的位置

列表:有序列表和无序列表

有序列表:

<ol  type="1"  start="2">

<li>1</li>

<li>2</li>

<li>3</li>

</ol>

type类型包括a,A,1,i,I(i表示罗马数字)

无序列表只有type,类型只能是circle,disk,square

超链接

<a  href="http://www.163.com"  target="_blank">网易</a>

target表示新开一个网页

电子邮件超链接

<a href=“mailto:fankai@kaishengit.com”>给我发邮件</a> 

锚标记

定义锚标记:<a  name="news">新闻</a>

使用锚标记: <a  href="#news"> 这里是新闻</a>

滚动

<marquee  scrodelay="100"  direction="up" onmouseover="this.stop()" onmouseout="this.start()">

滚动的字段或图片

</marquee>

scrolldelay:表示滚动延迟时间,默认值为90。 

direction:表示滚动的方向,默认为从右向左。 

注意:1.html的规范全小写

2.注释是<!--     -->

3.../表示上层路径

最后给出我的html文件代码

<html>

	<head>
		<title>HTML超文本连接</title>
	</head>
	<body bgcolor="#CAE4FF">
		<img src="../images/logo.jpg" align="middle"/>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="two.html" target="_blank"><b>免费注册</b></a>&nbsp;&nbsp;|
		<a href="#about">关于拍拍</a>&nbsp;&nbsp;|
		<a href="#">拍拍助理</a>&nbsp;&nbsp;|
		<a href="mailto:sdfa@126.com">联系我们</a>
		
		<p>
		<font color="red"> 背景颜色值:#CAE4FF</font>
		</p>
		<h1 align="center">拍拍简介</h1>
		<p>
			<font color="red">腾讯拍拍网(www.paipai.com)</font> 是腾讯旗下电子商务交易平台,<br>
			网站于2005年9月12日上线发布,2006年3月13日宣布正式运营。
		</p>
		<p>
			拍拍网依托于腾讯QQ超过4亿的庞大用户群以及1.7亿活跃用户的优势<br>
			资源,具备良好的发展基础。拍拍网运营满百天即已进入“全球网站<br>
			流量排名”前500强(据Alexa数据),并且创下电子商务网站进入全<br>
			球网站500强的最短时间纪录。
		</p>
		<hr>
		IBM笔记本
		<p>
		<pre>
	IBM R40 最新到货
	迅驰1.3G,512M
	40G,康宝,16M独显
	市场价:2898元
			</pre>
		</p>
		
		户外运动系列
		<p>
			<ol type="1">
				<li>足球豪门 经典队服一网打尽</li>
				<li>07新款足球鞋暑期推荐</li>
				<li>动感MM必备 夏季超靓运动裙</li>
				<li>体验赤足运动 耐克FREE跑步鞋</li>
			</ol>
		</p>
		<a name="about">关于拍拍</a>
		<p>
			<ul type="circle">
				<li>拍 拍 简 介</li>
				<li>拍 拍 动 态</li>
				<li>商 务 合 作</li>
				<li>客 服 中 心</li>
				<li>拍 拍 招 聘</li>
			</ul>
		</p>
		
		<marquee scrolldelay="100" direction="up" onmouseover="this.stop()" onmonseout="this.start()">
		精彩推荐:<br>
		<img src="../images/mp3.jpg" />超酷PSP<br>
		<img src="../images/nike.jpg" />NIKE球星球鞋<br>
		<img src="../images/zip.jpg" />ZIP珍藏限量版<br>
		</marquee>
		<hr>
		版权信息: Copyright ? 1998 - 2007 TENCENT Inc. All Rights Reserved 
		
	</body>

</html>
 
分享到:
评论

相关推荐

    HTML网页设计模板-购物网站(登录、注册、安全设计、个人中心、购物首页、物品展示、意见投诉等等)

    HTML、css、js代码完整,图片完整,点击可实现网页链接,功能完整。 全套模板,总共包括注册、登录、个人中心首页、实名认证、安全设置、购物车、意见投诉、自营店铺、我的购物券、店铺收藏等56个网站模板页面,可...

    winfrom中嵌套html,跟html的交互

    - **调用JavaScript函数**:可以使用`webBrowser1.Document.InvokeScript()`方法来执行HTML页面中的JavaScript函数。例如,如果你有一个名为`myFunction`的JavaScript函数,你可以这样调用它: ```csharp ...

    精美错误404页面,纯html代码

    1. 清晰的错误信息:404页面应该明确告诉用户出现了什么问题,即他们试图访问的页面不存在。 2. 用户友好:页面应该有吸引人的设计,避免让用户感到沮丧。可以加入一些幽默元素或者品牌特色,使页面更有趣。 3. ...

    html2image 2.0.3 用于简单的html转图片

     html2Image.getImageRenderer().saveImage("d:/1.png");  相关依赖: &lt;groupId&gt;net.sourceforge.nekohtml&lt;/groupId&gt; &lt;artifactId&gt;nekohtml &lt;version&gt;1.9.14 &lt;groupId&gt;xml-apis &lt;artifactId&gt;xml-apis ...

    HTML教程 HTML教程

    1. 基本文本元素:如到定义不同级别的标题,表示段落,表示加粗,表示斜体。 2. 链接:标签用于创建超链接,href属性定义链接的目标地址。 3. 图像:标签插入图像,src属性指向图像文件路径,alt属性提供替代文本。 ...

    java代码生成html文件

    1. 创建或读取HTML模板:模板通常包含预定义的HTML结构,可以使用StringBuffer或StringBuilder类来构建和修改。 2. 数据处理:根据需要,从数据库或其他数据源获取数据,准备用于填充模板的数据结构。 3. 填充模板:...

    html期末大作业

    1. **HTML结构**:每个HTML文件都应遵循基本的HTML结构,包括&lt;!DOCTYPE&gt;声明,&lt;html&gt;根元素,部分以及部分。其中通常包含元信息,如标签(定义页面标题)和标签(引入外部CSS样式表)。 2. **页面布局**:通过元素...

    html5网站实例

    HTML5是现代网页开发的核心标准,它在原有HTML4的基础上引入了诸多新特性,极大地提升了网页的交互性和表现力。本实例将详细讲解如何利用HTML5来构建一个完整的网站,包括布局、登录功能以及内容展示。 一、HTML5的...

    HTML转PDF 非常好用

    1. **创建PdfDocument对象**:这是转换过程的起点。你需要实例化一个PdfDocument对象,这将是最终PDF文件的容器。 2. **加载HTML内容**:使用HtmlLoadOptions,你可以加载HTML字符串或者从URL获取的HTML。这允许你...

    html 个人网站 源码

    1. index.html:这是网站的主页面,包含了整个三列布局的HTML结构。 2. style.css:这个文件用于存储所有CSS样式,对HTML元素进行样式定义。 3. script.js(如果存在):JavaScript文件可能包含交互逻辑,如按钮点击...

    登录页面html静态的html登录页面

    1. **表单()**:这是用来收集用户输入的地方。在`&lt;form&gt;`标签内,我们可以设置输入字段,如用户名()和密码()。通常,还会有一个提交按钮()来触发验证或提交操作。 2. **输入字段()**:`&lt;input&gt;`标签用于...

    自己用c++写的html文件解析程序(html-x)

    【标题】"自己用C++写的HTML文件解析程序(html-x)"是个人开发的一款基于C++实现的HTML解析器。这个程序旨在处理HTML文档,提取其中的信息或者进行特定的DOM操作。开发者通过C++编程语言实现了对HTML文档的解析,允许...

    itext5.4.2 html2pdf

    1. 创建PdfWriter对象,指定输出的PDF文件路径。 2. 创建Document对象,设置页面大小和边距等属性。 3. 使用XMLWorkerHelper将HTML内容解析为PdfPTable或PdfPCell等PDF元素。 4. 将这些元素添加到Document中,并关闭...

    简单HTML流程图

    1. **创建SVG容器**:首先,我们需要在HTML文档中添加一个SVG容器,设置其宽度和高度,以便容纳流程图。例如: ```html &lt;svg width="500" height="300"&gt;&lt;/svg&gt; ``` 2. **绘制形状**:在SVG容器内,我们可以使用不同...

    Android TextView显示html的demo

    1. **TextView组件**: - TextView是Android中的一个基础组件,通常用于显示单行或多行文本。在XML布局文件中定义,或者在代码中创建,TextView可以用来显示静态文本,也可以动态加载数据。 2. **显示HTML内容**:...

    JS-HTML-Format(JS及HTML代码格式化工具集合)

    1. **JS Beautify**: JS Beautify是一款开源的JavaScript代码格式化工具,它能够自动将混乱的、未格式化的JavaScript代码转换为易于阅读的形式。它支持ES6+语法,包括箭头函数、模板字符串等,并且可以处理HTML和...

    HTML页面自动生成器

    1. HTML(HyperText Markup Language):HTML是构成网页的基础语言,用于描述网页的内容和结构。它使用一系列标签来表示不同的元素,如标题、段落、图片、链接等。HTML页面自动生成器的目标就是帮助用户无需直接编写...

    html2pdf_中文

    1. **安装**:通常我们可以通过Composer来安装`html2pdf`库,这是PHP的依赖管理工具。在命令行中输入`composer require spipu/html2pdf`即可完成安装。 2. **引入库**:在PHP代码中,我们需要引入`html2pdf`的类...

    Html中用table画斜线

    border-width: 0 0 1px 1px;"&gt;成绩/学员 ``` 这个例子中,斜线是通过调整边框宽度实现的,看起来像是在单元格内画了一条斜线。 2. **利用背景图像**:可以创建一个含有斜线的背景图片,然后应用到`&lt;td&gt;`上。...

Global site tag (gtag.js) - Google Analytics