天涯论坛

 找回密码
 立即注册
搜索
查看: 92|回复: 6

HTML从入门到精通——基本篇

[复制链接]

3049

主题

119

回帖

9915万

积分

论坛元老

Rank: 8Rank: 8

积分
99159054
发表于 2024-7-27 22:11:45 | 显示全部楼层 |阅读模式

今天起始博主将会给大众讲解HTML的入门知识以及做项目会遇到的某些问题以及怎样处理此类问题的办法。说道网页设计,HTML是咱们必不可少的一部分。基本网页的形成,无论怎么变幻,都是由于原声的HTML代码构成形成网页。

下面我就按照工作中所用和看过的书籍一点一点总结下咱们常用的HTML格式和代码。

1、什么是HTML。

HTM不是一段编程语言,而是一款标记语言,本身不可表示在浏览器中。经过浏览器的编释和编译,才可正确反映HTML标记语言的内容。HTML从1.0到5.0经历了巨大的变化,从单一的文本表示功能到多功能互动,已然作为了一款非常成熟的标记语言。

2、HTML文件的基本结构

<!doctype html>

<html>文件起始标记

<head>文件头起始的标记

<meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">

<title>XX系统</title>

</head>文件头结束

<body>文件主题的内容

</body>文件主题的结束

</html>文件结束的标记

这儿重点说明title和meta(元信息)

<!--说明文件头-->

<title>XX网站</title>

<!--添加作者信息-->

<meta name="author" content="_永不言弃" >

<!--设置网页文字及语言 -->

<meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">

<!--设置网页按时(20秒后)-->

<meta http-equiv="refresh" content="20;url=index.html">

3、HTML重点常用标签

3.1标题

<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>

3.2 标题字对齐属性align

默认状况下,标题文字是左对齐的。在网页制作过程中,常常需要选取对其他的方式,此时咱们就需要用到align属性。

3.3 段落标记p

段落标记是文档中最平常的标记,<p>用来初始的一个段落。

3.3 换行标记

换行标记<br>功效是在不另起一段的状况下将当前文本强制换行。

3.4 不换行标记nobr

<nobor>暗示的是不换行的标记</nobor>

3.5 水平线

<hr/>

4、创立超链接

自己网站页面相关的连接被叫作为内部连接

4.1绝对路径

绝对路径是包含服务器规范在内的完全路径。绝对路径不管源文件在什么位置都能够非常精确地找到,除非是目的文档的位置出现变化,否则连接不会失效。

4.2相对路径

为了避免绝对路径的缺陷,针对在同一站点之中的连接来讲运用相对路径是一个很好的办法

4.3 内部连接

<a href="# target="目的窗口的打开方式 " >

属性值

含义

-self在当前页面中打开连接

-blank在一个全新的空白窗口中打开连接

-top在顶层框架中打开连接,能够理解为在根框架中打开连接

-parent在当前框架的上一层里打开连接

4.4 锚点连接

锚点到本页面中的位置

<a href="#1" >商品名叫作</a>

<a href="#2" >制品特点</a>

<a href="#3" >制品规格</a>

<a neme="1">XX商品</a>

<a neme="2">XX制品特点</a>

<a neme="3">XX规格</a>

锚点到其他页面的位置

<a href="index.html#1"></a>对应连接到index.html中name=1的位置

4.5 连接到外边网站

在设置友情链接时,需要打开HTTP协议进行外边连接拜访

<a href="wwww.baidu.com" >百度</a>

4.6 连接到E-mail

<a href="mailto:邮件位置">。。。</a>

4.7 连接到FTP

FTP表率文件传输协议,一个FTP站点一般包括有些上传和下载文件的文件目录。

大部分FTP网站需要运用用户名和秘码来登录。

当然还有其他的有些连接方式,例如文件下载,连接到Telnet等。这些都会能够用a标签实现。

HTML基本就先讲到这儿,后面退出DIV设计网页格式已然网页分框的实现。





上一篇:怎么样学好网页设计?新手怎么样学习网页设计?网页研发怎么学?
下一篇:原创 车厘子和樱桃的区别与美食制作
回复

使用道具 举报

3067

主题

3万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99139032
发表于 2024-10-2 14:36:26 | 显示全部楼层
“板凳”(第三个回帖的人)‌
回复

使用道具 举报

3073

主题

3万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99138940
发表于 2024-10-7 08:43:25 | 显示全部楼层
说得好啊!我在外链论坛打滚这么多年,所谓阅人无数,就算没有见过猪走路,也总明白猪肉是啥味道的。
回复

使用道具 举报

3054

主题

3万

回帖

9606万

积分

论坛元老

Rank: 8Rank: 8

积分
96065828
发表于 2024-10-11 05:57:17 | 显示全部楼层
一看到楼主的气势,我就觉得楼主同在社区里灌水。
回复

使用道具 举报

3073

主题

3万

回帖

9915万

积分

论坛元老

Rank: 8Rank: 8

积分
99158921
发表于 2024-10-16 21:02:03 | 显示全部楼层
这夸赞甜到心里,让我感觉温暖无比。
回复

使用道具 举报

3095

主题

3万

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99098751
发表于 2024-10-18 19:29:59 | 显示全部楼层
顶楼主,说得太好了!
回复

使用道具 举报

3067

主题

3万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99139032
发表于 2024-10-19 03:07:52 | 显示全部楼层
大势所趋,用于讽刺一些制作目的就是为了跟风玩梗,博取眼球的作品。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-24 21:49 , Processed in 1.507509 second(s), 40 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.