吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 3213|回复: 13
收起左侧

[其他转载] HTML新手入门帖<2>

  [复制链接]
MOXD 发表于 2018-9-13 14:06
第一张网页(01.htm)
[HTML] 纯文本查看 复制代码
<html>
      <head>
       	<title>第一张网页</title>
[/size][/font]
[img]https://static.52pojie.cn/static/image/hrline/1.gif[/img]

[font=微软雅黑][size=4]</head>
      <body>
     	 欢迎光临我的主页!
      </body>






基本组成部分—— HTML元素属性HTML元素可以有自己的相关属性,每一个属性还可以由我们网页编制者赋一定的值。元素属性出现在元素的< >内,并且和元素名之间有一个空格分隔;属性值用“”引起来。


第二张网页(02.htm)


[HTML] 纯文本查看 复制代码
<html>
      <head>
        <title>第一张网页</title> 
      </head>
      <body>
         <p align="center">欢迎光临我的主页!</p>
      </body>
</html> 





HTML基本结构的 有关元素和元素属性《1-5》

HEAD元素——1 <head>元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示,但是其间的元素有特殊重要的意义。 <title> <title>元素定义HTML文档的标题。<title>与</title>之间的内容将显示在浏览器窗口的标题栏。





HEAD元素——2<meta>元素 <meta>元素下面可以插入很多很有用的元素属性。下面介绍四种:<meta name="keywords" content="study,computer"> 用来标记搜索引擎在搜索你的页面时所取出的关键词。







HEAD元素——3
<meta>元素
<meta name="author" content=“wutao">
用来标记文档的作者。








HEAD元素——4<meta>元素
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”>
用来标记你的页面的解码方式。








HEAD元素——5
<meta>元素
<meta http-equiv=“refresh” content=“5;URL=http://www.ecust.edu.cn”>
用来自动刷新网页










练习(03.htm)
编写一个网页,要求3秒钟后自动跳转到校网主页
[HTML] 纯文本查看 复制代码
<html>
      <head>
        <title>my first page</title>
        <meta http-equiv=“refresh” content=“3;URL=http://www.ecust.edu.cn”>
      </head>
      <body>
       <p align=“center”>三秒钟后本网页将自动跳转到华东理工大学首页</p>
      </body>
</html>







<body>元素及元素属性——1

<body>元素表明是HTML文档的主体部分。在<body>与</body>之间,通常都会有很多其它元素;这些元素和元素属性构成HTML文档的主体部分。




<body>元素及元素属性——2

<body>元素中有下列元素属性:
(1)bgcolor
bgcolor属性标志HTML文档的背景颜色。如:bgcolor=“#CCFFCC”。


例:04.htm









HTML对颜色的控制


HTML对颜色的控制也有自己的语法。HTML使用16进制的RGB颜色值对颜色进行控制。
16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.




常见颜色的代码
颜色颜色名和RGB
黑色Black=”#000000”
银色Silver=”#c0c0c0”
红色Red=”#ff0000”
蓝色Blue=”#0000ff”
白色White=”#ffffff
黄色Yellow=”ffff00”
绿色Green=”#00ff00”
海蓝色Aqua=”#00ffff”









<body>元素及元素属性——3



<body>元素中有下列元素属性:
(2)background
background属性标志HTML文档的背景图片。如:background=“images/bg.gif"。
可以使用的图片格式为GIF,JPG
例:05.htm、06.htm










<body>元素及元素属性——4


<body>元素中有下列元素属性:
(3)bgproperties=fixed
bgproperties=fixed使背景图片成水印效果,即图片不随着滚动条的滚动而滚动。
例:07.htm和08.htm对比









<body>元素及元素属性——5



<body>元素中有下列元素属性:
(4)text
text属性标志HTML文档的正文文字颜色。如:text=“#FF6666”。Text元素定义的颜色将应用于整篇文档。
例:09.htm





附件我就不发了,以便你们更好的自学



备注:此文章仅提供给喜好HTML新手,这些是基础,如内容有错误回复我。  



免费评分

参与人数 3吾爱币 +3 热心值 +3 收起 理由
天道酬勤157 + 1 + 1 我很赞同!
世俗红尘 + 1 + 1 加油 也谢谢
music984 + 1 + 1 千万不要半途而废

查看全部评分

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

无常方便面 发表于 2018-9-14 09:13
MOXD 发表于 2018-9-13 23:01
这些 虽然简单,但这些对于新手 特别简单  好入手 。   学好基础才能 更好的运用。

关键是你现在还能看到body里面加text属性的吗
 楼主| MOXD 发表于 2018-9-13 23:01
无常方便面 发表于 2018-9-13 15:57
你这都多老的教程了还有text- -

这些 虽然简单,但这些对于新手 特别简单  好入手 。   学好基础才能 更好的运用。
Kaiter_Plus 发表于 2018-9-13 15:33
无常方便面 发表于 2018-9-13 15:57
你这都多老的教程了还有text- -
LeiSir 发表于 2018-9-13 16:00
谢谢楼主分享
sinoers 发表于 2018-9-13 16:17
cnblog  这类论坛更适合
双眼皮的微笑 发表于 2018-9-13 20:01
不够严谨。
 楼主| MOXD 发表于 2018-9-13 23:00

谢谢 你的 支持
 楼主| MOXD 发表于 2018-9-13 23:04

谢谢您的意见,这些很简单的标签只是 介绍一些属性以及让新手 对代码的认知。
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-11-15 17:44

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表