HTML介绍

最新推荐文章于 2022-05-11 15:47:58 发布
最新推荐文章于 2022-05-11 15:47:58 发布
阅读量131 收藏
点赞数
分类专栏： 前端 文章标签： html5 html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50077681/article/details/120691116
版权

一、认识网页

        网页的组成：主要由文字、图像和超链接、视频以及音频等元素构成。

二、五大浏览器

        常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。我们平时称为五大浏览器。

        2.1常见浏览器内核    

 拓展阅读：移动端的浏览器内核主要说的是系统内置浏览器的内核

                   Android手机而言，使用率最高的就是Webkit内核

                   iOS以及WP7平台上，一般是Safari或者IE内核Trident的

三、Web标准构成

        构成：主要由结构（HTML）、表现（CSS）和行为（JavaScript）三个方面。

四、HTML初始

        HTML指的是超文本标记语言（Hyper Text Markup Language ）是用来描述网页的一种语言。

        HTML 不是一种编程语言，而是一种标记语言 (markup language)  

        标记语言是一套标记标签 (markup tag)

4.1HTML骨架标签

<html>
    <head>
          <title></title>
    </head>>
    <body>
    </body>
</html>

  HTML骨架标签总结 

     

       

 HTML标签名、类名、标签属性和大部分属性值统一用小写

推荐
    <head>
        <title>这是我的第一个页面</title>
    </head>

不推荐
    <HEAD
        <TITLE>这是我的第一个页面</TITLE>
    </HEAD>

      

4.2HTML元素标签分类

分类：

   1、双标签

          <标签名> 内容  </标签名>   比如 <body> 我是文字 </body>

           该语法中“<标签名>”表示该标签的作用开始，一般称为“开始标签（start tag）”，“</                         标签名>” 表示该标签的作用结束，一般称为“结束标签（end tag）”。

             和开始标签相比，结束标签只是在前面加了一个关闭符“/”。

    2、单标签

        <标签名 />  比如  <br />

   空元素 用单标签来表示， 简单点说，就是里面不需要包含内容， 只有一个开始标签不需要关闭。

4.3HTML标签关系

  1、嵌套关系

<head>
    <title>  </title>
</head>>

 2、并列关系

<head></head>
<body></body>

五、文档类型<!DOCTYPE>

        用法：<!DOCTYPE html> 

        作用：<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

六、页面语言lang

        <html lang="en">  指定html 语言种类

        最常见的有2个：

                1.en 定义语言为英语

                2.zh-CN定义语言为中文

七、字符集

        <meta charset="UTF-8" />

utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。

        gb2312 简单中文 包括6763个汉字 GUO BIAO

        BIG5 繁体中文 港澳台等用

        GBK包含全部中文字符 是GB2312的扩展，加入对繁体字的支持，兼容GB2312

        UTF-8则基本包含全世界所有国家需要用到的字符

        这句代码非常关键， 是必须要写的代码，否则可能引起乱码的情况。

柠檬树下的故事
关注
专栏目录
《web开发： HTML介绍》
yexiangCSDN的专栏
01-14 280
一、HTML介绍 1.什么是网页 网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML文件 2.什么是 HTML HTML 指的是超文本标记语言 (Hyper Text Markup Language) ...
html介绍
sunshine
11-09 1347
流行的技术栈 -html -css -js -flash(淘汰) -node js -vue 环境准备 推荐谷歌浏览器。其他360、遨游、微软edge、微软IE、火狐、Opera。 编辑器：pycharm Pro或sublime html运行(查看网页)方式： 在pycharm文件中直接右键run运行 在windows资源管理器中双击用默认浏览器打开。 在py文件页面右上角中点击浏览器 H...
python之Django上传文件
Smile
08-21 1394
HTML简单介绍
lovekobe1997的博客
04-01 93
<!DOCTYPE html> <html> <head> <!--指定页面编码格式--> <meta charset="UTF-8"> <!--指定页头信息--> <title>div--个人简历</title> </head> <!--插入背景图片--> <body style="background-image:url(bg.jpg) ">
一款好看的HTML介绍页、引导页源码
END
05-11 6726
一款好看的个人极简介绍页、引导页源码，图标引用的是阿里巴巴矢量图标库，可引入自己的图标项目更换。 图标项目更换在index.html第9行里面 logo图片在index.html第29行里面 名字在index.html第32行里面 介绍在index.html第65行里面 地图引入了高德的map lab 数据可视化，可用来做足迹，记录去过的地方。 下载地址：好看的扁平化风格的HTML单页面、引导页、介绍页源码-Webpack文档类资源-CSDN下载 ...
个人网页介绍家乡纯html
10-26
2）自我介绍 注：运用表格布局 3）我的家乡 家乡概况、家乡地标、家乡美食、家乡名胜 等 注：综合运用框架、DIV+CSS布局 4）我的相册 快乐的童年、校园生活 等 5）雁过留声(表单) 用表单制作一个留言...
html语言详细介绍
jcf52的博客
03-16 5559
一.html介绍 HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言。 HTML是由WEB的发明 者 Tim Berners-Lee （蒂姆·伯纳斯·李）和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言（SGML）的应用。 用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如 ， 等)。 使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTM
用html做自我介绍
hduugdh的博客
05-01 7388
话不多说上代码 顺便挑战一天爆肝三篇文章 <html> <head> <title>朱**</title> <mate name="keywords" content="个人简历"/> <mate name="description" content="朱**的个人简历"/> </head> <body> <table border=5 bordercolor=red align=center&g
【HTML】常用标签/表格(table)/表单(form)
XiaoChen~Coder
08-26 443
HTML1. HTML1.1 HTML概述1.2 Hello World HTML1.3 HTML常用标签1.3.1 排版标签1.3.2 块标签1.3.3 基本文本标签【已淘汰】1.3.4 h1 ~ h6 标签1.3.5 a链接标签1.3.6 img标签1.3.7 列表标签1.3.8 表格标签1.4 form表单【重点】1.4.1 get和post1.4.2 input标签属性总结1.4.3 select下拉菜单1.4.4 textarea 已淘汰 1. HTML 1.1 HTML概述 超文本标
html简介
Cameles的博客
05-14 718
1、html的简介 什么是html？ HypeText Markup Language：超文本标记语言，网页语言 超文本：超出文本的范畴，使用html可以轻松实现这样操作 标记：html所有的操作都是通过标记实现的，标记就是标签&lt;标签名称&gt; 网页语言： 第一个html程序： 创建java文件 .java 先编译，然后再运行...
【Web前端开发】——（一）HTML：基本介绍
msmxsd的博客
03-08 1267
文章目录前言HTML介绍块级元素和内联元素属性多媒体与嵌入HTML表格总结 前言 HTML (HyperText Markup Language) 不是一门编程语言，而是一种用来告知浏览器如何组织页面的标记语言。HTML 可复杂、可简单，一切取决于开发者。它由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。 HTML介绍 块级元素和内联元素 和使内容斜体强调 块级元素：在页面中以块的形式展现 —— 相对于其前
HTML入门简介及内容介绍
Lystro的博客
06-03 503
HTML入门简介及内容介绍 文章目录HTML入门简介及内容介绍什么是HTML?HTML 标签HTML 元素Web 浏览器HTML 网页结构 声明通用声明HTML5HTML 4.01XHTML 1.0中文编码 什么是HTML? HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言，而是一种标记语言 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 文
HTML简介
qq_43677691的博客
03-22 152
文章目录什么是HTML语言？HTML简介HTML标签HTML元素HTML网页结构\声明2.读入数据总结 什么是HTML语言？ 超文本标记语言（Hyper Text Markup Languge，简称HTML）是一种用于创建网页的标准标记语言。 文件后缀名可以为.html或.htm。 HTML不是一种编程语言，而是一种标记语言。 下面是
HTML
weixin_30467087的博客
11-03 193
前端概述 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost',8089)) sock.listen(5) while True: connecti...
HTML标签
qq_35242847的博客
11-19 649
1. HTML 初识 一般先学习HTML+CSS， 这里我们先定一个小目标，先学HTML,后学习CSS。 HTML（英文 Hyper Text Markup Language的缩写）中文译为“超文本标签语言”。是用来描述网页的一种语言。 所谓超文本，有2层含义： 因为它可以加入图片、声音、动画、多媒体等内容（**超越文本限制 **） 不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的...
节日介绍html网页
最新发布
05-31
好的，我可以帮您介绍一下如何制作一个节日介绍的HTML网页。 首先，你需要用到HTML语言来编写网页内容，可以使用任何文本编辑器如Notepad++、Sublime Text等，或者直接在在线编辑器中编写。 以下是一个基本的HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值