热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

HTML网页制作基础教程,从基础了解html常用标识

网页制作基础教程:认识HTML在今天,做网页的工具到处都是,只要动几下鼠标,一个精彩的网页就出来了,HTML是否要学呢&#x

网页制作基础教程:认识HTML

  在今天,做网页的工具到处都是,只要动几下鼠标,一个精彩的网页就出来了,HTML是否要学呢?答案是肯定的,因为工具就是工具,它们生成的代码是机械的,不够简洁,使网页打开的速度减慢。而且更新、管理起来极不方便。还有很多新的功能,工具是生成不了的。必需对代码进行编辑。新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。

  下面从简单的开始学起:

    你打开网页的源文件,可以看到html文件的格式是这样的:

……………………

其中省略号部份是网页的内容,其实每个标记都是一一对应的,有一个就必有一个,有一个就会有一个

每个网页文件都是以开始和以结束的。

之间的内容是网页的标题。会显示在浏览器的标题栏上。

之间放的是网页内容。打开记事本,写上下面的内容:

我的第一个网页。

保存为以.htm或.html为后缀的文件就成为一个简单的网页啦。是不是很简单呢?

 

  比如说有个网页特效,但你不知怎么添加。

   那就好好看这篇吧。

  html标记,称“超文本标记语言 ”,是网页的源代码。

  分为两种,“围堵标记”和“空标记”

  围堵标记:由<标记>和组成

  空标记:<标记>

  打个比方,你要像我上面那样让字的颜色有所改变。那么修饰哪几个字呢?是需要一个修饰的开头和结束吧?看下面这个代码:红色的字,这样的话,在页面显示的就是“红色的字”,因为我有个结束符号“”

  再来说说空标记。比如换行标记
(我们写一段字时,你要换一行,就用这个标记)。实际上换行就换了,是没有开始和结束的困扰的(这样说你总该理解了吧?!)

  好了,顺着思路,看上面,我写了一个:红色的字。那么font就是一个标记,用来修饰字的。color指的就是它的颜色(red是红色,你不会不知道吧?)。这里,提醒初学者必须注意,你要让计算机知道你要修饰的是哪几个字(如果你没有结束,那么后面所有的字将是红的)。

  我们编辑的html是按照你写的顺序来编译出来的,就是说你写的顺序就是在电脑上显示的顺序(知道相关代码该怎么加了吧?).

 

 

这里介绍一些基本的标记,其实你想不记也可以;因为你自己写源代码时用得太多了,肯定会自动记住的。


,,

,

  1、
这是一个换行符。我们的网页上总要写字吧?该怎么换行?就这玩意。提醒一下初学者,再回想一下围堵标记和空标记的区别,不清楚的就回头看看文章,再不清楚上留言本去,我跟你玩……巨汗……

  2、这是用来修饰文字的,比如大小,字的颜色,字的背景颜色。

  3、

这个我比较少用,似乎是用来文章分段的。

  4、放在之间的,用来写网页左上方的标题。

  看看下面的例子(这就是前面说过的非标准写法,一样可以用;当然,提倡标准写法)

测试文字

 新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。

  [的效果是使字体加粗]

  size是文字大大小,从1-7的大家自己试。

  再看一个例子:

  

一段文字~~~

  效果不好表示,是使标记中的文字居中的,大家自己试吧。

  align还可以等于left和right,居左和右。

  提示:其实还有很多其他的标记都有align=center这个属性。


推荐阅读
  • 本文详细分析了JSP(JavaServer Pages)技术的主要优点和缺点,帮助开发者更好地理解其适用场景及潜在挑战。JSP作为一种服务器端技术,广泛应用于Web开发中。 ... [详细]
  • 解决PHP与MySQL连接时出现500错误的方法
    本文详细探讨了当使用PHP连接MySQL数据库时遇到500内部服务器错误的多种解决方案,提供了详尽的操作步骤和专业建议。无论是初学者还是有经验的开发者,都能从中受益。 ... [详细]
  • XNA 3.0 游戏编程:从 XML 文件加载数据
    本文介绍如何在 XNA 3.0 游戏项目中从 XML 文件加载数据。我们将探讨如何将 XML 数据序列化为二进制文件,并通过内容管道加载到游戏中。此外,还会涉及自定义类型读取器和写入器的实现。 ... [详细]
  • 本文将介绍如何使用 Go 语言编写和运行一个简单的“Hello, World!”程序。内容涵盖开发环境配置、代码结构解析及执行步骤。 ... [详细]
  • Linux 系统启动故障排除指南:MBR 和 GRUB 问题
    本文详细介绍了 Linux 系统启动过程中常见的 MBR 扇区和 GRUB 引导程序故障及其解决方案,涵盖从备份、模拟故障到恢复的具体步骤。 ... [详细]
  • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • 深入理解Tornado模板系统
    本文详细介绍了Tornado框架中模板系统的使用方法。Tornado自带的轻量级、高效且灵活的模板语言位于tornado.template模块,支持嵌入Python代码片段,帮助开发者快速构建动态网页。 ... [详细]
  • PHP 5.2.5 安装与配置指南
    本文详细介绍了 PHP 5.2.5 的安装和配置步骤,帮助开发者解决常见的环境配置问题,特别是上传图片时遇到的错误。通过本教程,您可以顺利搭建并优化 PHP 运行环境。 ... [详细]
  • 本文介绍了Java并发库中的阻塞队列(BlockingQueue)及其典型应用场景。通过具体实例,展示了如何利用LinkedBlockingQueue实现线程间高效、安全的数据传递,并结合线程池和原子类优化性能。 ... [详细]
  • CentOS7源码编译安装MySQL5.6
    2019独角兽企业重金招聘Python工程师标准一、先在cmake官网下个最新的cmake源码包cmake官网:https:www.cmake.org如此时最新 ... [详细]
  • CMake跨平台开发实践
    本文介绍如何使用CMake支持不同平台的代码编译。通过一个简单的示例,我们将展示如何编写CMakeLists.txt以适应Linux和Windows平台,并实现跨平台的函数调用。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • 在Ubuntu 16.04 LTS上配置Qt Creator开发环境
    本文详细介绍了如何在Ubuntu 16.04 LTS系统中安装和配置Qt Creator,涵盖了从下载到安装的全过程,并提供了常见问题的解决方案。 ... [详细]
  • 在当前众多持久层框架中,MyBatis(前身为iBatis)凭借其轻量级、易用性和对SQL的直接支持,成为许多开发者的首选。本文将详细探讨MyBatis的核心概念、设计理念及其优势。 ... [详细]
author-avatar
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有