HTML基本介绍

最新推荐文章于 2022-06-29 13:49:14 发布
最新推荐文章于 2022-06-29 13:49:14 发布
阅读量154 收藏
点赞数
分类专栏： html基础 文章标签： HTML 基础 基本内容
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/s841520166/article/details/100134365
版权

HTML是什么

超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的

学HTML前要注意什么

工具

原则：自己喜欢
编辑器：

notepad++			最基本的文本编辑器，用来替代TXT，必备。
DW					没用过，喜欢的同学可以自己尝试用一下
sublime text		功能强大，比较常用的的编辑器，用起来还不错，是收费软件，可以无限期试用
VS Code				微软出的一款编辑器，功能强大，免费，可自行下载插件，也是几款主流之一
WebStorm			专门用来开发web的编辑器，智能，也是比较主流的编辑器
H5 Builder			适合新手使用的编辑器，国产，上手方便，功能齐全，俗称“傻子编辑器”，因为上手太简单。
Editplus			一款由韩国 Sangil Kim （ES-Computing）出品的小巧但是功能强大的可处理文本、HTML和程序语言的Windows编辑器
浏览器
Chrome浏览器			必备
Firefox浏览器
IE浏览器(IETester)
safari浏览器
opera浏览器

五大浏览器，都可以下载下来使用，至少要有Chrome
html核心是语义化

HTML本身是不表示样式的，虽然有的标签会有一些固定的样式，但这并不是html的主要做用，html的主要作用还是建构网页结构

html标签

单标签
<img src=".../a.jpg">
<>创建一个标签
img 标签名
src 属性
…/a.jpg 属性值

双标签
<a href="http://www.baidu.com">百度</a>
<> 创建标签
标签的开始
标签的闭合
href 属性为超链接
“http://www.baidu.com” 属性

主题结构

<!DOCTYPE html>		//声明头，告诉我们语法为html5
<html> 	//网页标签
<head>		//网页的预定义信息都写在这组标签当中
    <meta charset="UTF-8"> //给网页设置字符集编码
    <title>t</title>	//网页标题
</head>
<body>		//展示给用户看的内容都写在body标签当中
    
</body>
</html>

html发展史

HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）
HTML 3.2——1997年1月14日，W3C推荐标准
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
XHTML1.0——发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布
XHTML 1.1，于2001年5月31日发布，W3C推荐标准
XHTML 2.0，W3C工作草案
XHTML 5，从XHTML 1.x的更新版，基于HTML 5草案
HTML 5——2014年10月28日，W3C推荐标准
前身：Web Applications 1.0
于2004年被WHATWG提出
于2007年被W3C接纳
在2008年1月22日，第一份正式草案发布

功能性标签

列表

  1. 无序列表
    ul li

  2. 有序列表

    ol li
type属性

  3. 图片
    网页当中如何使用一张图片
    src属性 -----用来引入图片的路径
    绝对路径和相对路径

    相对路径：相对于当前位置的路径   一个  ../ 表示上级
绝对路径：文件的

    width属性和height属性—图片宽高
    alt属性------------在图片加载不出来时显示的内容

  4. 超链接
    什么是超链接，如何在网页中定义个超链接------href属性
    http/https协议
    title属性
    展示给用户看的文字

  5. div标签和span标签
    网页切割
    包含普通的文本内容

  6. 表格
    如何创建一个表格
    table标签
    border属性(边框)
    例如:----width属性
    例如:300px
    rule属性-------例如:all
    创建表格中的行-------tr
    创建表格中的列-------td
    创建表格中的头-------th


<table>
        <tr>
            <th></th>
            <th></th>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </table>
thth
tdtd

td
align（对齐方式）---------------left/right/center/justify
colspan------------------规定单元格可横跨的列数
rowspan-----------------规定单元格可横跨的行数

cellspacing---------------单元格与单元格之间的间距
th--------------------------- 创建表格中的标题
cellpadding-------------------单元格与内容之间的空隙

辅助类标签

辅助类标签
标题标签 -----h1 - h6
段落标签 ----- p
水平线 ----- hr
删除线 ----- del
倾斜强调 ----- em
加粗强调 -----strong
斜体文本----- i
预格式文本 ----- pre
换行----- br
注释-------<!-- 注释内容 -->
常用的标签归纳
地址：http://www.w3school.com.cn/tags/html_ref_byfunc.asp

实体字符
空格       	&nbsp;
版权			&copy;
<				&lt;
>				&gt;

实体字符参考手册
地址： http://www.w3school.com.cn/tags/html_ref_entities.html

以上就是html基本内容的介绍，当然html的内容还远远不止这些，还有一些内容就等到我们以后再来介绍，包括CSS和JS等前端的内容。

Saw丶
关注
专栏目录
HTML基础介绍
weixin_43055077的博客
08-12 387
了解HTML文档的基本结构；了解标记属性的使用方法和规则，静态网页的创建
【前端】HTML介绍篇（一）
这很宇航的博客
05-05 333
【前端】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）
HTML5前端基础知识学习
qq_42663223的博客
10-18 459
HTML5前端基础知识学习 1.学习准备 Web前端应用需要浏览器作为载体，目前可供选择的浏览器类型非常多，选择款合适的浏览器， 对于体验HTMLS的效果将会有很大的帮助。另外，选择得心应手的开发工具，也能够更好地掌握HTMLS的开发技巧，提高开发实际效果。 2.选择合适的浏览器 IE浏览器应该是所以用户最熟悉的一款浏览器，它伴随着Windows的成长也在不断地更新换代，除了IE浏览器以外，我们可能还听说或使用过Google Chrome 浏览器、微软Microsoft Edge、Mozilla Firef
HTML简介
m0_56161893的博客
06-29 5445
HTML是：Hypertext Marked Language，即超文本标记语言，是一种用来制作超文本文档的简单标记语言。 HTTP超文本传输协议规定了浏览器在运行 HTML 文档时所遵循的规则和进行的操作。HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准。 HTML文件本质上是文本文件，而普通的文本文件只能显示字符。但是HTML技术则通过HTML标签把其他网页、图片、音频、视频等各种多媒体资源引入到当前网页中，让网页有了非常丰富的呈现方式，这就是超文本的含义...
Html基本控件介绍
m0_68682235的博客
03-25 4909
1. <input>标签(行内元素) <input> 标签用于搜集用户信息。 ​ 1.text：文本区域 readonly属性：是否只读。 <input type="text" id="name" name="name"> 2.password：密码区域，输入的文本以'*'展示 <input type="password" id="password" name="password"> 3.checkbox：复选框 checked属性：是...
html语言详细介绍
jcf52的博客
03-16 5542
一.html介绍 HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言。 HTML是由WEB的发明 者 Tim Berners-Lee （蒂姆·伯纳斯·李）和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言（SGML）的应用。 用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如 ， 等)。 使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTM
【HTML5】->初识HTML->HTML简单介绍&HTML5基本元素讲解
欢迎来到新世界
02-19 6499
HTML边缘探索Ⅰ HTML简介Ⅱ HTML到HTML5----HTML发展历史Ⅲ HTML5简介Ⅳ HTML5环境Ⅴ HTML5基本元素介绍Ⅵ 写一个最简单的HTML程序 Ⅰ HTML简介 超文本标记语言（Hyper Text Markup Language），缩写为HTML，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 （markup language），是网页制...
个人网页介绍家乡纯html
10-26
网站基本栏目（至少就包含以下5个栏目） 1）个人网站首页（） 2）自我介绍 注：运用表格布局 3）我的家乡 家乡概况、家乡地标、家乡美食、家乡名胜 等 注：综合运用框架、DIV+CSS布局 4）我的相册 ...
html自我介绍5页模板,关于个人自我介绍模板6篇
weixin_32949451的博客
06-22 5768
关于个人自我介绍模板6篇来到一个完全陌生的环境，时常要进行自我介绍，自我介绍是我们重新认识自己的开始。相信许多人会觉得自我介绍很难写吧，以下是小编整理的个人自我介绍7篇，欢迎阅读与收藏。个人自我介绍 篇1Hi，大家好。MynameisHuZheLi，今年10岁了，就读于张娄小学二年级，我个子头顶，眼睛大大，脸蛋圆圆，一大笑就不会遮住两个酒窝。我是爸爸、妈妈的独生女，因为我性格开朗，开朗机敏，深得爸...
5116-微信小程序电影院订票选座系统设计及实现+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
JavaScript 中的 `Array.prototype.filter` 方法全解析
09-15
在 JavaScript 编程中，处理数组是一项基本而重要的任务。数组的过滤操作是其中的一个常见需求，Array.prototype.filter 方法为此提供了强大的支持。本文将深入探讨 Array.prototype.filter 方法的工作原理、使用场景、代码示例以及与其他数组方法的比较。 Array.prototype.filter 是 JavaScript 中处理数组的强大工具，它允许开发者以声明式的方式轻松筛选出符合特定条件的元素。通过结合使用 Array.prototype.filter 和其他数组方法，可以解决各种复杂的数据筛选问题。 通过本文的详细介绍和示例代码，你应该能够掌握 Array.prototype.filter 的工作原理，并能够在实际开发中灵活运用它来处理数组数据。此外，了解其与 Array.prototype.map 和 Array.prototype.reduce 的结合使用，可以帮助你更好地编写高效且易于维护的代码。
5108-微信小程序的书橱+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
5046-微信小程序校园二手交易平台的小程序+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
SMT小型视觉贴片机控制系统源码源代码图纸 DI
09-15
SMT小型视觉贴片机控制系统源码源代码图纸 DI
图书馆自动化管理系统.zip
09-15
这是一个基于Apache kafka、Docker Compose、MongoDB和Flask技术的图书馆自动化管理系统。该项目旨在实现图书馆的各项服务自动化，包括图书借阅、预约和搜索功能。通过Flask构建REST API，使用MongoDB存储和管理图书、用户、借阅记录、罚款和预约等相关数据。apache Kafka用于系统各组件之间的消息通信，确保消息传递的可靠性和可扩展性。项目还实现了用户认证和授权功能，通过JWT进行安全认证和授权。每个对系统服务的请求都需要使用JWT进行验证。项目提供了全面的文档，解释了系统架构、数据库模式和API端点。同时，项目明确了所有依赖关系，并提供了环境搭建指南，便于其他开发者轻松复制环境。此外，项目还包含测试用例，以确保关键功能的正常运行。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
【前景培训教材】第九章4G和5G信令流程.pdf
最新发布
09-15
以下是对提供的参考资料的总结，按照要求结构化多个要点分条输出： 4G/5G无线网络优化与网规案例分析： NSA站点下终端掉4G问题：部分用户反馈NSA终端频繁掉4G，主要因终端主动发起SCGfail导致。分析显示，在信号较好的环境下，终端可能因节能、过热保护等原因主动释放连接。解决方案建议终端侧进行分析处理，尝试关闭节电开关等。 RSSI算法识别天馈遮挡：通过计算RSSI平均值及差值识别天馈遮挡，差值大于3dB则认定有遮挡。不同设备分组规则不同，如64T和32T。此方法可有效帮助现场人员识别因环境变化引起的网络问题。 5G 160M组网小区CA不生效：某5G站点开启100M+60M CA功能后，测试发现UE无法正常使用CA功能。问题原因在于CA频点集标识配置错误，修正后测试正常。 5G网络优化与策略： CCE映射方式优化：针对诺基亚站点覆盖农村区域，通过优化CCE资源映射方式（交织、非交织），提升RRC连接建立成功率和无线接通率。非交织方式相比交织方式有显著提升。 5G AAU两扇区组网：与三扇区组网相比，AAU两扇区组网在RSRP、SINR、下载速率和上传速率上表现不同，需根据具体场景选择适合的组网方式。 5G语音解决方案：包括沿用4G语音解决方案、EPS Fallback方案和VoNR方案。不同方案适用于不同的5G组网策略，如NSA和SA，并影响语音连续性和网络覆盖。 4G网络优化与资源利用： 4G室分设备利旧：面对4G网络投资压减与资源需求矛盾，提出利旧多维度调优策略，包括资源整合、统筹调配既有资源，以满足新增需求和提质增效。 宏站RRU设备1托N射灯：针对5G深度覆盖需求，研究使用宏站AAU结合1托N射灯方案，快速便捷地开通5G站点，提升深度覆盖能力。 基站与流程管理： 爱立信LTE基站邻区添加流程：未提供具体内容，但通常涉及邻区规划、参数配置、测试验证等步骤，以确保基站间顺畅切换和覆盖连续性。 网络规划与策略： 新高铁跨海大桥覆盖方案试点：虽未提供详细内容，但可推测涉及高铁跨海大桥区域的4G/5G网络覆盖规划，需考虑信号穿透、移动性管理、网络容量等因素。 总结： 提供的参考资料涵盖了4G/5G无线网络优化、网规案例分析、网络优化策略、资源利用、基站管理等多个方面。 通过具体案例分析，展示了无线网络优化中的常见问题及解决方案，如NSA终端掉4G、RSSI识别天馈遮挡、CA不生效等。 强调了5G网络优化与策略的重要性，包括CCE映射方式优化、5G语音解决方案、AAU扇区组网选择等。 提出了4G网络优化与资源利用的策略，如室分设备利旧、宏站RRU设备1托N射灯等。 基站与流程管理方面，提到了爱立信LTE基站邻区添加流程，但未给出具体细节。 新高铁跨海大桥覆盖方案试点展示了特殊场景下的网络规划需求。
5040-微信小程序私家车位共享系统+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
HTML初学者教程：数组与基本标记介绍
"这篇教学资料主要讲解了HTML语言的基础知识，包括HTML的发展历史、基本框架、常用标记以及JavaScript中的一些基础概念。通过案例演示了如何创建一个简单的HTML页面，使用数组来存储数据，并通过JavaScript在网页中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值