HTML基础入门

已于 2024-01-21 10:09:55 修改
阅读量48 收藏
点赞数
分类专栏： javaweb 文章标签： html 前端 javascript
于 2023-08-05 00:17:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_59400558/article/details/132093155
版权

一、什么html？

超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素

二、常用工具

Webstom、Notepad++、Eclipse、Text Subline、Dreamweaver、Intellij IDEA等

三、组成部分

包括：声明、头部（head）、标题（title）、身体（body）

四、基础知识

HTML标签介绍

（1）声明

　　a.<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。

　　b.<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令，这样浏览器才能获知文档类型。

　　c.HTML5 不基于 SGML，所以不需要引用 DTD。

现在主要记住：HTML5的声明方式：<!DOCTYPE html>

（2）特点

        a.标签的格式：
        <标签名>封装的数据</标签名>
        b.标签名大小写都行
        c.标签拥有自己属性

                基本属性：bgcolo="red"(修改简单的样式效果)

                事件属性：οnclick="alert('你好！')；"（可以直接设置事件响应后的代码）

（3）标签

         a.单标签：<标签名/>

 

         b.双标签：<标签名>封装的数据

（4）常用标签及其属性
         a.<br/>:换行
         b.<hr/>:水平线

         c.<font color="red" face="宋体" size="7"></font>:color改文本颜色；face改字体；size改字体大小；

         d.<h1--->h6 align="left/center/right"></h1--->h6>:从大到小；align：对其方式

         e. <a href="网址" target="_self/_blank">网址名</a>：href:设置链接地址；target：换页跳转_blank;本页跳转_self; <b></b>:加粗

 

 （5）列表标签

        a.无序标签

                <ul type="none"><li></li></ul>:<li>:列表项;type可以改列表项前面的符号

        b.有序标签

                <ol><li></li></ol>:<li>:列表项

（6）img标签

        a.相对目录

                .:表示当前文件所在目录
                ..:表示当前文件所在的上级目录
                文件名：表示当前文件所在目录的文件，相当于./

        b.绝对目录

                正确格式：http：//IP：port/工程名/资源路径

                <img src="路径" width="" height="" border="" alt="" title=""</img>:alt找不到路径时候显示内容；title鼠标所在显示内容；

（7）表格标签
        a.<table border="1" width="300" height="300" cellspacing="0"><tr><th></th><td align="center"></td></tr></table>:tr表示一行；td表示一列;th表示表头标签；cellspacing设置单元格间距；
        b.跨行跨列
 
                colspan="列数"：跨列
                rowspan="行数"：跨行
(8).iframe标签

        <iframe src="" width="" height=""></iframe>

 
（9）表单标签
       a. <form></form>:表单
                <form action="" method=""></form>

                        1.action:属性设置提交的服务器地址

                        2.method：属性设置提交的方式GET（默认）或者POST

       b.<input/>:
                <input type="test" value="默认值"/>：文本输入框
                <input type="password" value="默认值"/>:密码输入框
                <input type="radio" name="sex">男：单选框，name进行分组(只能有一个checked="checked")；
                <input type="checkbox" checked="checked"/>:复选框，checked可以有多个默认值               c.<select><option selected="selected"></option>
                 </select>:select下拉列表框;
                option下拉列表框的选项；
                selected参数为默认选项
       d.<textarea row="行数" clos="列数"></textarea>:多行文本输入框
       e.<input type="reset" value="默认值"/>：重置
       f.<input type="submit" value="默认值"/>：提交按钮
       g.<input type="button" value="默认值"/>：按钮
       h.<input type="file"/>:文件上传
（10）特殊字符

       a.<: &lt

       b.>: &gt

       c.空格：&nbsp 

五、知识扩展

表单提交的时候，数据没有发送到服务器的三种情况：
  1. 表单项没有name属性
  2. 单选，复选，下拉列表中的option标签都需要value属性，以便发送给服务器
  3. 表单项不在提交的form标签中
GET请求的特点：
  1. 浏览器的地址栏的地址：action属性[+?+请求参数
  2. 不安全
  3. 有数据长度限制
POST请求的特点：
  1. 浏览器显示只有action属性值
  2. 相对于GET请求更安全
  3. 理论上没有长度的限制
 
 
 

 

 

 

TC_FANCY
关注
专栏目录
HTML基础入门（详细）
weixin_51143430的博客
08-28 3813
HTMLHTML结构2.HTML常见标签2.1注释标签2.2换行符2.3加粗标签2.4文字格式化2.4.1加粗2.4.2倾斜 2.4.3下划线 HTML结构 2.HTML常见标签 2.1注释标签 <!--注释> ctrl快捷键可快速进行注释或取消注释 2.2换行符 2.3加粗标签 2.4文字格式化 2.4.1加粗 2.4.2倾斜 2.4.3下划线 ......
HTML零基础入门教程（详细）
热门推荐
ZONGXP的博客
10-22 23万+
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。 HTML 指的是超文本标记语言:HyperTextMarkupL...
HTML入门（详细）
qq_63525426的博客
05-03 3万+
HTML（全称为“超文本标记语言”）是一种用于创建Web页面的标记语言。它是Web开发的基础，允许开发者定义页面的结构、内容和样式。HTML使用一些标记或“标签”来描述文本和媒体内容的结构和格式，这些标签可以指示网页浏览器如何显示内容，包括标题、段落、列表、超链接、图像、音频、视频等等。HTML还可以与其他Web技术（如CSS和JavaScript）结合使用，以实现更复杂和交互性的Web应用程序。这篇文章只是介绍HTML的基础标签的使用。
HTML零基础入门教程完整版
哈哈
09-11 2万+
HTML零基础入门教程完整版
HTML零基础入门详细教程
一步一个脚印，踏实努力，向着目标前进
06-08 2964
欢迎来到HTML的零基础入门教程。HTML是构建网页的基础，是Web开发的必备技能之一。在本教程中，我们将介绍HTML的基础知识，包括HTML的基本结构、标签、属性等内容。让我们开始吧！
【HTML】零基础入门教程
qq_52719660的博客
10-20 5232
一、HTML简介 HTML是英文Hyper Text Markup Language的缩写，即超文本标记语言，是用于描述网页文档的一种标记语言。超文本：超文本文件就是指具有超链接功能的文件。 二、建立HTML文件 1.页面基本结构 打开vscode，新建后缀名为.html的文件，搭建页面基本结构的快捷键：①英文感叹号＋回车，②html:5+回车 。
前端入门基础
Lixuanyi6181的博客
04-03 5212
HTML和CSS的基本知识，学习周期为20天
菜鸟教程：零基础HTML入门
weixin_52163352的博客
11-08 2万+
HTML入门 文章目录一、HTML是什么？二、入门实例1.新建html文档2.html常用标签三、属性总结 一、HTML是什么？ HTML全称：Hyper Text Markup Language 中文名：超文本标记语言 HTML是由W3C组织定义的语言标准，是用于描述页面机构的语言。 二、入门实例 1.新建html文档 如图： 每一个html文件开头必须是这个标签，作用是告诉浏览器此文档为html文档。 ：根元素在所有的html文件中这个元素级别最高 网页编码格式，一般为UTF-8 中间内容就是这个h
HTML5基础知识
qq_46485137的博客
02-13 6223
一、初识HTML HTML：Hyper Text Markup Language（超文本标记语言） 超文本包括：文字、图片、音频、视频、动画等 HTML5的优势： 跨平台、 W3C标准 World Wide Web Consortium（万维网联盟） 成立于1994年，Web及时领域最权威和具影响力的国际中立性技术标准机...
HTML5（入门）
热爱编程、热爱生活、热爱探索
01-18 9758
<!--1.我的第一个网页.html(为HTML文件名)--> <!DOCTYPE html> <!--表示浏览器的使用规范，一般默认都是html的规范,所以可不要--> <html lang="en"> <head> <!--网页标题--> <meta charset="UTF-8"> <!--告诉浏览器编码类型为字符型编码 常见的字符编码--> <title>网页一.
HTML基础入门视频课程
06-11
课程中使用的所有英文单词都会逐一查询并记录，真正做到零基础入门学习，适合初学者的教程！课程内容包括：1.HTML简介、文档结构2.Sublime的使用3.常用标签4.超链接、表格、表单5.内嵌框架iframe6.HTML5简介、新特性...
html基础入门学习.md
11-14
总结了html的常用标签，属性以及最重要的表单操作，适合html基础入门
HTML5基础入门全套视频课程.rar
09-05
HTML5是构建Web内容的一种语言描述方式。...HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。
前端基础入门html技术
11-18
前端入门提供给刚入刚的小伙伴们免费学习
【移动端】Viewport 视口
小秀的博客
10-04 1483
（视口）是指浏览器中用户可见的那部分网页内容的区域，简单来说，它是用户当前看到的网页的“窗口”区域。在不同的设备上，Viewport 的大小会有所不同。
React 插入不转义的html
y523648的博客
10-08 127
在 React 中，字符串作为内容插入到 JSX 中，默认会被转义。这是为了防止 执行恶意代码，XSS（跨站脚本攻击）等安全问题。如果想要 HTML 不被转义，可以使用dangerouslySetInnerHTML属性。
XHTML 简介
wjs2024的博客
10-04 491
XHTML作为一种严格的、基于XML的标记语言，为网页设计和开发提供了良好的可读性、可维护性和扩展性。尽管HTML5已成为当前主流的网页标记语言，但XHTML在特定领域仍然具有广泛的应用价值。
HTML的修饰(CSS) -- 第三课
ZxVSaccount的博客
10-01 1045
前面我们已经了解了html的一些基本使用方法,我们再写html代码的时候不可避免的会改变其中的一些样式,而这就有一种专门的方式用来修饰html编写的网页的样式,它就是css!本节主要介绍了css 的基本用法和属性,内容较多,多多练习,熟能生巧!
HTML & CSS 基础
最新发布
.bin的博客
10-08 1308
HTML CSS 入门笔记
HTML基础入门与详细学习指南
"HTML开发王是一本针对初学者的HTML教程，涵盖了HTML基础入门和详细学习的多个章节。教程旨在帮助读者理解HTML语言，建立正确的认知，并掌握文档的基本结构和编写规范。书中详细讲解了HTML的各个核心概念，如HTML ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

TC_FANCY

你的支持是我最大的鼓励

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值