HTML简单了解

最新推荐文章于 2024-06-02 20:58:14 发布
最新推荐文章于 2024-06-02 20:58:14 发布
阅读量1k 收藏 1
点赞数
分类专栏： B/S
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z15732621582/article/details/51418666
版权

        万维网可以说这个时代最重要的信息传播手段，我们任何一个人都可以建立自己的网站以及发布在因特网上，因此我们介绍HTML编写网页，其中包含文字 flash 动画 音频和视频。


    还是了解一下3W吧。WWW（World Wide Web）是一个基于超文本方式的信息检索服务工具。采用指针链接的方式可以使任何地方之间的信息产生联系，因此检索数据非常灵活。总之一句话概括就是，没有www,就没有电子商务，也就没有今天如此便利的生活！

      

    回归主题：Html 是超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。
超级文本标记语言（英文缩写：HTML）是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容

          



    HTML其特点就是在于网页中有超链接。超链接-特殊文字标示，只想WWW中的资源。就是一种URL指针，通过激活（点击）它，可以使浏览器方便的获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。


    HTML文档制作不是很复杂，但功能强大，能支持不同数据格式的文件镶入，其主要特点如下：
1、 简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
2 、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
3 、平台无关性：超级文本标记语言可以使用在广泛的平台上，浏览器都可以解读它。


1.   HTML中元素和标签

元素是由单个或一对标签定义的包含范围。一个标签就是左右分别有一个小于号(<)和大于号(>)的字符串。开始标签是指以不以斜杠(/)开头的标签，其内是一串允许的属性－值对。结束标签则是以一个斜杠(/)开头的标签。如：

<body><!—开始标签-->

    <font color=”read”>连接</font>   <!—其中color=”read”就是属性－值对。“连接”就是内容-->

</body><!—结束标签-->

2.   HTML元素的四种形式

空元素<br>

带有属性的空元素<hr color=”blue”>

带有内容的元素<title>连接</title>

带有内容和属性的元素<font color=”read”>连接</font>

 

综上例子

 

[html]  view plain  copy
  1. <html>//起始符号。如果没有浏览器也可以解析  
  2.   
  3.   <head>//开始文档头  
  4.   
  5.      <title>  
  6.   
  7.           My name is cauthy!//开始文档的标题  
  8.   
  9.       </title>//结束文档的标题  
  10.   
  11.   </head>//结束文档的头部  
  12.   
  13.   <body color="red">//开始文档体  
  14.   
  15.       Hello World!//浏览器显示的内容  
  16.   
  17.   </body>//结束文档体  
  18.   
  19. </html>//结束HTML文档  

 

注:在HTML中，属性和标签的大小写无关。属性值可以加双引号，也可以不加。

 

3.  与段落控制相关的标签

<palign=”#”> 表示paragraph，作用：创建一个段。属性align表示段的对其方式，可以为leftright justify

<br>表示linebreak 作用：换行

<hrcolor=””>表示horizontal rule 作用：插入一条水平线，属性表示颜色可以用read green也可以用16进制的数，如#ffoooo

[html]  view plain  copy
  1. <html>  
  2.   
  3.     <head><title>静夜思</title></head>  
  4.   
  5.     <body>  
  6.   
  7.     <p align="center">  
  8.   
  9.     静夜思  
  10.   
  11.     <hr color="#ffoooo">  
  12.   
  13.     <p align="center">  
  14.   
  15.     床前明月光，疑是地上霜。<br>  
  16.   
  17.     举头望明月，低头思故乡。  
  18.   
  19.     </body>  
  20.   
  21. </html>//效果图  

 

4.  与文本显示相关的标签

<center>…</center>：使文本居中显示

<hn align=””>…<hn>：用于指出文档的标题，n是从1到6的整数，1表示最大的标题，属性align表示标题的对齐方式，可以为center,left right

<fontsize=”n”color=””>…</font>：用于设置字体，size表示字体大小，n可以是从1到7的整数，数字越大，显示的字越大。

<b>…</b>：设置文本成为粗体

<i>…</i>：设置文本为斜体

[html]  view plain  copy
  1. <html>  
  2.   
  3.    <head><title>静夜思</title></head>  
  4.   
  5.    <body>  
  6.   
  7.    <center>  
  8.   
  9.    <h1><fontcolorfontcolor="red"><b><i>静夜思</i></b></font></h1>  
  10.   
  11.    李白  
  12.   
  13.    <hr color="#ffoooo">  
  14.   
  15.    <p>  
  16.   
  17.    <font color="blue"size=6>  
  18.   
  19.    床前明月光，疑是地上霜。<br>  
  20.   
  21.       举头望明月，低头思故乡。</font>  
  22.   
  23.    </center>  
  24.    </body>  
  25.   
  26. </html>  

 

5.   如何输入特殊字符

在HTML文档中，像不间断空格，回车等符号，HTML的保留字，一些在键盘中不存在的字符，都需要引用的方式才能输入，在HTML中有两种引用类型：字符引用和实体引用。

字符引用和实体引用都是以一个&开始并以一个分号（;）结束。如果用的是字符引用，需要在&之后加上一个#，之后是所需要字符的十进制代码或者十六进制代码(ISO 10646字符集中的字符的编码)。如果用的是实体引用，在&之后写上字符的助记符。

在HTML中空格可以用全角的空格去输入。

 6.   HTML中的注释

        <!--这是注释的内容-->

   7.超链接

 <a href =”URL”>…链接的文字</a>

 <a href=”form.html”>当前的目录</a>

 <ahref=../”form.html”>当前的目录的上一层目录</a>

 <ahref=”E://form.html”>绝对路径</a>

 <ahref=”http://www.baidu.com”>万维网地址</a>

 

8. 嵌入图像

        <imag src=”URL” width=”” height=””>


MC赵小叔
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 37
    评论
专栏目录
简洁但优雅的 HTML 博客模板
02-18
简洁但优雅的 HTML 博客模板
简单的html
question_mark的博客
02-11 1427
<html> <head> <meta charset="UTF-8"> </head> <body> <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3&...
制作一个简单HTML静态网页（HTML+CSS）
最新发布
STU网页设计
06-02 2416
🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒
JQuery操作form表单
晨曦若梦的博客
12-03 5162
使用JQuery前，先引入JQuery库 <script src="js/jquery-3.3.1.min.js"></script> 提交表单 方式一：JQuery事件，submit()方法 form表单，action属性必需，后台控制页面跳转 <form id="form" action="user/login" method="post"> <i...
30分钟入门HTML（超级简单）
qq_63119830的博客
03-01 710
DOCTYPE html > < html lang = " en " > < head > < meta charset = " UTF-8 " > < title > 自定义列表标签学习 < body >
一个简单的HTML网页
热门推荐
weixin_46153254的博客
12-24 2万+
HTML前端网页，一个介绍景区的网页
html.rar_html_html简单例子
09-24
总之，这个压缩包提供的HTML简单例子是一个很好的起点，对于想要学习或复习HTML基础知识的人来说非常有用。通过实践这些例子，可以逐步理解HTML的结构、语义和功能，为进一步深入Web开发打下坚实的基础。
简单html个人网站
07-04
"简单html个人网站"标题表明我们正在讨论一个基础的HTML模板，适用于构建个人网站。这个模板可能是初学者在学习HTML时创建的，用以实践基本的网页布局和设计。 在描述中提到的“HTML网页编程”和“主页模板”，暗示...
简单的HTML网页制作
10-25
首先，我们需要了解HTML文档的基本结构。每个HTML文件都由三部分组成：文档声明、头部和主体。文档声明位于文件顶部，例如`<!DOCTYPE html>`，它告诉浏览器文档使用的HTML版本。头部（标签内）通常包含元信息，如...
简单的html网站
06-21
【简单的HTML网站】是一个入门级别的Web开发项目，主要利用HTML（HyperText Markup Language）这一标记语言来构建静态网页。这个网站包含五个部分，为初学者提供了基础的网页结构和设计概念的理解。通过学习和分析这...
HTML学习
小小码农
03-11 1860
HTML学习
HTML零基础入门教程完整版
哈哈
09-11 2万+
HTML零基础入门教程完整版
简单入门HTML
噜噜噜噜鲁
08-26 383
目录 HTML简单介绍 1.什么是网页 ？ 2.什么是HTML ？ 3.网页怎么形成的 ？ 常用浏览器及其内核 浏览器 浏览器内核 Web标准 1.为什么需要Web标准 2.Web标准的构成 HTML简单介绍 现在，我们经常可以用到网页，小游戏，app等等，这些都是得益于前端开发的技术发展。而HTML正是完成这些的基础 这里的编译器，我选择功能强大visual studio。 学习HTML前，需要了解三个问题： 什么是网页 ？ 什么是HTML ？ 网页怎么形成 ？
HTML零基础入门详细教程
一步一个脚印，踏实努力，向着目标前进
06-08 2822
欢迎来到HTML的零基础入门教程。HTML是构建网页的基础，是Web开发的必备技能之一。在本教程中，我们将介绍HTML的基础知识，包括HTML的基本结构、标签、属性等内容。让我们开始吧！
对HTML的认识
weixin_51654260的博客
12-02 1606
一、HTML的介绍 1、HTML的概述： html全称为HyperText Markup Language，译为超文本标记语言，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。 超文本：音频，视频，图片称为超文本。 标记 ：<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。 作用：HTML是负责描述文档语义的语言。 注意：HTML语言不是一个编程语言(有编译过程)，而是一个标记语言(没有编译过程)，HTML页面直接由浏览器解
HTML的介绍
tianfen_auster的博客
12-03 6400
一、HTML的介绍 1、HTML的概述： html全称为HyperText Markup Language，译为超文本标记语言，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。 超文本：音频，视频，图片称为超文本。 标记 ：<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。 作用：HTML是负责描述文档语义的语言。 注意：HTML语言不是一个编程语言(有编译过程)，而是一个标记语言(没有编译过程)，HTML页面直接由浏览器解
HTML--简洁入门
晚上在线,学习交流,努力日更 ! ! !
06-11 240
例：👾👾👾 标签名 定义 说明 < !DOCTYPE html> 文档类型 告诉浏览器使用html5解析当前文件 html 跟标签 除了DOCTYPE外其他所有内容都要写在html标签内 html lang=“en” 设置网页当前语言 en=英文 // zh-CN=中文 head 页面头部 页面头部：不会显示出来的代码写在这里。例：css、js < meta charset=“UTF-8”> 字符集设置 设置页面使用哪个字符集 title 页面标题 浏览器标题栏 ...
HTML入门（详细）
qq_63525426的博客
05-03 2万+
HTML（全称为“超文本标记语言”）是一种用于创建Web页面的标记语言。它是Web开发的基础，允许开发者定义页面的结构、内容和样式。HTML使用一些标记或“标签”来描述文本和媒体内容的结构和格式，这些标签可以指示网页浏览器如何显示内容，包括标题、段落、列表、超链接、图像、音频、视频等等。HTML还可以与其他Web技术（如CSS和JavaScript）结合使用，以实现更复杂和交互性的Web应用程序。这篇文章只是介绍HTML的基础标签的使用。
HTML5基础教程：创建简单网页
"html简单网页代码" HTML（HyperText Markup Language）是用于创建网页的标准标记语言。这个简单的HTML网页代码示例展示了如何构建一个基础的HTML结构。以下是对代码的详细解释： 1. `<!DOCTYPE html>`: 这是HTML5...
评论 37
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值