HTML简介

最新推荐文章于 2024-10-03 17:08:59 发布
最新推荐文章于 2024-10-03 17:08:59 发布
阅读量98 收藏
点赞数
文章标签： php
原文链接：http://www.cnblogs.com/yxStudy/p/10546080.html
版权

 

  

 

实例解析

  

<!DOCTYPE html>
<html>
<body>
<h1>我是第一个标题</h1>
<p>我是第一个段落。</p>
</body>
</html>

 

  • DOCTYPE 声明了文档的类型
  • <html> 标签是HTML页面的根元素，该标签的结束标志为 </html>
  • <head>标签包含了文档的元（meta）数据，如<meta charset="utf-8">定义网页编码格式为utf-8。
  • <title>标签定义文档的标题
  • <body> 标签定义文档的主体，即网页可见的页面内容，该标签的结束标志为 </body>
  • <h1> 标签作为一个标题使用，该标签的结束标志为 </h1>，--Html标题
  • <p> 标签作为一个段落显示，该标签的结束标志为 </p>--p标签用法

什么是 HTML?

HTML 语言用于描述网页。

  • HTML 是指超文本标记语言: Hyper Text Markup Language
  • HTML 不是一种编程语言，而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签及文本内容
  • HTML 文档也叫做 web页面

HTML 标签

HTML 标记标签通常被称为HTML 标签 (HTML tag)。您可以在 W3Cschool 的编程实战部分开始学习 HTML 标签。

  • HTML 标签是由尖括号包围的关键词，比如 <html>
  • HTML 标签通常是成对出现的，比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签，第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签 
    <标签>内容</标签>

HTML 元素、

"HTML 标签" 和 "HTML 元素" 通常都是描述相同的意思。

但是严格来讲，一个 HTML元素包含了开始标签与结束标签，如下实例:

HTML 元素:

<p>This is a paragraph.</p>

HTML 基本文档

<!DOCTYPE html>
<html>
<head> <title>文档标题</title> </head> <body> 可见文本... </body> </html>

基本标签（Basic Tags）

<h1>最大的标题</h1>  <h2> . . . </h2>  <h3> . . . </h3>  <h4> . . . </h4>  <h5> . . . </h5>  <h6>最小的标题</h6>    <p>这是一个段落。</p>  <br> （换行）  <hr> （水平线）  <!-- 这是注释 -->

文本格式化（Formatting）

<b>粗体文本</b>  <code>计算机代码</code>  <em>强调文本</em>  <i>斜体文本</i>  <kbd>键盘输入</kbd>   <pre>预格式化文本</pre>  <small>更小的文本</small>  <strong>重要的文本</strong>    <abbr> （缩写）  <address> （联系信息）  <bdo> （文字方向）  <blockquote> （从另一个源引用的部分）  <cite> （工作的名称）  <del> （删除的文本）  <ins> （插入的文本）  <sub> （下标文本）  <sup> （上标文本）

链接（Links）

普通的链接：<a href="链接地址">链接文本</a> 图像链接： <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>  邮件链接： <a href="mailto:webmaster@example.com">发送e-mail</a> 书签： <a id="tips"> 提示部分</a> <a href="#tips">跳到提示部分</a>

图片（Images）

<img src="URL" alt="替换文本" height="42" width="42">

样式/区块（Styles/Sections）

<style type="text/css">    h1 {color:red;}    p {color:blue;}  </style>      <div>文档中的块级元素</div>  <span>文档中的内联元素</span>

无序列表

<ul>
   <li>项目</li>    <li>项目</li>  </ul>

有序列表

<ol>
   <li>第一项</li>    <li>第二项</li>  </ol>

定义列表

<dl>
   <dt>项目 1</dt>      <dd>描述项目 1</dd>    <dt>项目 2</dt>      <dd>描述项目 2</dd>  </dl>

表格（Tables）

<table border="1">    <tr>      <th>表格标题</th>      <th>表格标题</th>    </tr>    <tr>      <td>表格数据</td>      <td>表格数据</td>    </tr>  </table>

框架（Iframe）

<iframe src="demo_iframe.htm"></iframe>

表单（Forms）

<form action="demo_form.php" method="post/get"> <input type="text" name="email" size="40" maxlength="50">  <input type="password">  <input type="checkbox" checked="checked">  <input type="radio" checked="checked">  <input type="submit" value="Send">  <input type="reset">  <input type="hidden">  <select>  <option>苹果</option>  <option selected="selected">香蕉</option>  <option>樱桃</option>  </select> <textarea name="comment" rows="60" cols="20"> </textarea>  </form>

实体（Entities）

&lt; 等同于 <
&gt; 等同于 >
&copy; 等同于 ©


参考：w3school

转载于:https://www.cnblogs.com/yxStudy/p/10546080.html

anqi7709
关注
HTML简介（网页的基本组成，什么是HTML，Web标准的三大组成部分），HTML标签（HTML语法规范，标签关系），HTML结构标签（第一个HTML）
shy的博客
02-22 4011
网页的基本组成 网页是构成网站的基本元素，通常由图片、链接、文字、声音、视频等元素组成，通常我们看见的网页都是.htm和.html后缀结尾的文件，因为都称为HTML文件 什么是HTML HTML是一种超文本标记语言，是一种用来描述网页的一种语言 HTML不是编程语言，而是标记语言，是一套标记标签 超文本: 可以加入声音，视频，动画，多媒体等（超越了文本限制） 可以从一个文件跳转到另一个文件，与世界各地主机的文件链接（超级链接文本） Web标准的三大组成部分 主要包括结构、表现、行为 三个方
html+css基础教程之html简介和元素
html前端基础入门教程
03-01 3703
HTML 简介 什么是 HTML？ HTML即超文本标记语言 (Hyper Text Markup Language)， 是用来描述网页的一种语言。 超文本标记语言的结构包括"头"部分（外语：Head）、和"主体"部分（外语：Body），其中"头"部提供关于网页的信息，"主体"部分提供网页的具体内容。 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 如下代...
HTML是什么？HTML简介
ccc369639963的博客
01-22 1万+
HTML是什么？HTML简介 HTML 英文全称是 Hyper Text Markup Language，中文译为“超文本标记语言”，专门用来设计和编辑网页。 使用 HTML 编写的文件称为“HTML 文档”，一般后缀为.html（也可以使用.htm，不过比较少见）。HTML 文档是一种纯文本文件，您可以使用 Windows 记事本、Linux Vim、Notepad++、Sublime Text、VS Code 等文本编辑来打开或者创建。 每个网页都是一个 HTML 文档，使用浏览器访问一个链接（URL）
html简介
weixin_45706854的博客
12-03 2879
1、html的简介 什么是html？ - HyperText Markup Language：超文本标记语言，网页语言 ** 超文本：超出文本的范畴，使用html可以轻松实现这样操作 ** 标记：html所有的操作都是通过标记实现的，标记就是标签，<标签名称> ** 网页语言： * 第一个html程序。 - 创建java文件.java ** 先编译，然后再运行（jvm） - html后缀是 .html .htm ** 直接通过浏览器就可以运行 - 代码 ** 这是我
html简洁漂亮的个人简历,个人主页，个人简介网页版(源码)
热门推荐
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
12-16 9万+
html简洁漂亮的个人简历,个人主页，个人简介网页版(源码)。一款非常简洁，亮丽的个人简介模板，适用于个人主页，个人简历等相关主题，界面分为个人信息，基本资料，专业技能，教育经历，工作经验等五个版块，支持扩张，具体效果见下面的原文链接，里面有视频和代码讲解。代码容易上手，下载后直接运行。
HTML简介及基本结构
h_h33的博客
11-09 9624
一:HTML的定义 二：编码格式 三：html文件的基本结构 四:html设计原则
前端第二章：1.HTML简介、Linux 命令行打开 .html 文件、常用标签（一）
励志成为会前后端、Linux运维、嵌入式开发、AI和自动化技术的创业小老板！
04-25 6286
一、HTML 简介 1.HTML 是 超文本标记语言（Hypertext Markup Language） 2.负责 网页三要素 中的 结构 3.使用标签的形式 识别 网页中不同的组成部分 4.超文本 指的是 超链接，使用超链接能够让我们从一个界面跳转到另一个界面 二、Linux 命令行打开 .html 文件 1.命令： 浏览器名 文件名.html & 1.1 示例： 三、常用标签（一） 1.告诉浏览器 哪些内容 是 哪些内容 2.标签的语法： <标签名> 标签体 </标签
HTML5简介
qq_39660309的博客
12-24 9668
HTML5简介 HTML是互联网上应用最广泛的标记语言。HTML文件就是普通文本+HTML标记，而不同的HTML标记能标记能表示不同的效果。 1.1 HTML到HTML5 虽然W3C努力为HTML制定规范，但由于绝大部分编写HTML页面的人并没有受过专业训练，他们对于HTML规范、XHTML规范也不甚了解，所以他们制作的HTML网页绝大部分都没有遵守HTML规范。 现有的HTML页面大量存在如下4...
HTML详解（1.html简介）
qq_43623447的博客
01-16 1万+
文章目录 HTML（HyperText Mark-up Language）即超文本标记语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图 形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的 具体内容。 HTML语言被...
学生个人简介html网页
11-17
这个"学生个人简介html网页"项目是一个非常适合初学者学习的实例，它可以帮助理解HTML和CSS的基本概念以及如何结合使用它们来构建网页。 首先，HTML负责网页的内容结构。在个人简介网页中，HTML标签会用来定义不同...
HTML5快速入门（一）—— HTML简介
黑森林工作室
06-08 1万+
前言：1.HTML5的发展非常迅速，可以说已经是前端开发人员的标配，在电商类型的APP中更是运用广泛，这个系列的文章是本人自己整理，尽量将开发中不常用到的剔除，将经常使用的拿出来，使需要的朋友能够真正快速入门，如果有哪些不清楚的地方或者错误，欢迎联系我 2.更新时间没有规律，一般会在3天左右更新一篇（全系列预计会有12篇）因为需要工作，所以只能在闲暇之余整理，如果有喜欢的朋友可以关注我，将会第一时
【C语言系统编程】【第三部分：网络编程】3.2 数据传输和协议
最新发布
10-03 1063
在进行网络编程时，有时需要设计并实现自定义协议，以满足特定应用的需求。自定义协议设计需要考虑到数据的传输、安全、效率等多方面因素。清晰性：协议应具有清晰的语法和语义，使开发者能快速理解和实现。扩展性：协议应允许未来的功能扩展，而不破坏现有功能。安全性：数据传输过程中应考虑加密和校验，以保证数据不被篡改。高效性：应尽可能减少网络带宽占用，提升数据传输效率。容错性：协议应能处理各种网络异常情况，如数据丢失、重复和延迟。
基于php的幸运舞蹈课程工作室管理系统
计算机学姐的博客
09-28 1012
【2025最新】基于php+vue+MySQL的幸运舞蹈课程工作室管理系统，前后端分离。
服务器被挂马，导致网站首页被更改怎么解决
KookeeyLena7的博客
09-27 1327
当服务器被挂马并导致网站首页被篡改时，说明服务器或网站的安全性遭到破坏。
RCE+[伪协议综合]
2302_81328699的博客
10-03 237
伪协议综合
Thinkphp/Laravel基于vue的少数民族民歌网络图书馆管理系统
abo2022的博客
09-30 1152
ThinkPHP是一个快速、简单的基于MVC和面向对象的轻量级PHP开发框架，遵循Apache2开源协议发布，从诞生以来一直秉承简洁实用的设计原则，在保持出色的性能和至简的代码的同时，尤其注重开发体验和易用性，并且拥有众多的原创功能和特性，为WEB应用开发提供了强有力的支持Laravel非常的简洁并且是开源的，Laravel 是一个具有表现力、优雅语法的 Web 应用程序框架. Laravel 是构建现代全栈 Web 应用程序的最佳选择.
php socket客户端
qq_30754685的博客
09-30 307
在软件管理里面安装composer,再在网站管理安装扩展socket。使用的工具为phpstudy。
基于php的医院信息管理系统
计算机学姐的博客
09-28 1032
【2025最新】基于php+vue+MySQL的医院信息管理系统，前后端分离。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值