HTML入门

最新推荐文章于 2024-09-11 14:09:02 发布
最新推荐文章于 2024-09-11 14:09:02 发布
阅读量277 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41408088/article/details/106068663
版权

一、网页基本概念
网页：网页是构成网站基本元素，是承载网站应用的平台
网页元素组成：图片、文本、视频、音频等…
HTML：（Hype Text Markup Language） 超文本标记性语言，通过HTML标签可以将网络上文档格式统一

二、网页开发工具
Dream Weaver：梦想编织者，所视即所得
Sublime Text：非常强大的文本编辑器，可以快速集成各种插件
WebStorm：“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”
HBuilder：国产HTML编辑器，飞一般的感觉

三、主流游览器
Chrome：Google游览器 （推荐）
Firefox：火狐游览器
InternetExplorer：IE游览器，微软游览器
Edge：微软游览器
Safari：苹果游览器
Opera：挪威公司开发的游览器
主流游览器内核：
Trident（IE游览器内核）
Gecko（Firefox游览器内核）
Blink（Chrome游览器内核）
Webkit（Safari游览器内核）
Presto（Opera游览器内核，已弃用）

四、网页基本结构

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

1.父子关系

<html>
<head></head>
</html>

2.兄弟关系

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

五、常见的字符集编码格式

<meta charset="UTF-8"/>：设置网页字符集
UTF-8：是目前最常用的字符集编码格式，包含全世界所有国家所需要的单词
GB2312：简体汉中文，包括6763个字
BIG5：繁体中文，港澳台使用
GBK：包含全部的中文汉字，是GB2312的扩展，加了对繁体字的支持，兼容GB2312

六、常用的标签

<h1>~<h6>：标题标签
<p>：段落标签
<hr>：水平线标签
<br>：换行标签
<div>+<span>：没有语义，用于网页布局
<b>+<strong>：文字加粗标签
<i>+<em>：文字倾斜标签
<s>+<del>：文字加删除线标签
<u>+<ins>：文字加下划线标签
<img src="picture.jpg" alt="图像无法显示" title="这是图片" width="100xp" height="200px" border="10px">：图像标签
src：图像地址
alt：图像描述文字
title：图像文字标题
width：图像宽度
height：图像高度
border：图像边框
<a href="http://www.baidu.com" target="_blank">：锚链接
href：链接地址
target：跳转目标窗口打开方式
_blank：打开一个新的窗口
_self：默认在自己窗口跳转到目标地址
_parent：这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集
_top：将会清除所有被包含的框架并将文档载入整个浏览器窗口
<base href="http://hao123.com" target="_blank">：base 标签为页面上的所有链接规定默认地址或默认目标

特殊字符标签

&nbsp; 空格
&lt; < 小于
&gt; > 大于
&amp; & 符号
&yen; ￥ 人民币
&copy; ©版权
&reg; ®商标
&deg; ° 摄氏度
&plusmn; ± 正负号
&times; × 乘号
&divide; ÷ 除号
&sup2; 平方2
&sup3; 立方3
<!-- -->：注释标签

七、文件路径

1.相对路径：<img src="picture.jpg"/> 同级文件路径写法1
  		     <img src="img/picture.jpg"/> img文件夹文件路径写法2
      <img src="../picture.jpg"/> 上一级文件夹文件路径写法3
      <img src="../../picture.jpg"/> 上两级文件夹文件路径写法3
2.绝对路径：<img src="D:\picture.jpg"/> 文件绝对路径写法3（不推荐）
<img src="https://www.baidu.com/img/dong_f6764cd1911fae7d460b25e31c7e342c.gif"/> 完整网络文件地址（推荐）

八、网页列表

1.无序列表（unordered list）

<ul>
<li>durian</li>
<li>greap</li>
<li>cherry</li>
<li>pear</li>
</ul>

2.有序标签（ordered list）

<ol>
<li>Alibaba</li>
<li>huawei</li>
<li>microsoft>
<li>google</li>
</ol>

3.自定义列表（defintion list）

<dl>
<dt>湖南</dt>
<dd>衡阳</dd>
<dd>长沙</dd>
<dd>郴州</dd>
</dl>
Gawain-520
关注
Jsoup - 使用Jsoup 抓取网页中全部的图片，CSS，Script，等资源
简简单单Onlinezuozuo
09-10 5316
文章目录Jsoup - 使用Jsoup 抓取网页中全部的图片，CSS，Script，等资源1、包依赖2、构建工具类3、简单实例 Jsoup - 使用Jsoup 抓取网页中全部的图片，CSS，Script，等资源 1、包依赖 <dependency> <groupId>org.jsoup</groupId> ...
HTML入门与进阶以及HTML5
热门推荐
wuyxinu的博客
12-12 38万+
目录 一、简介 1、前端开发最核心技术 （1）HTML是什么？ （2）CSS （3）JavaScript 2、前端开发其他技术 二、基础内容 1.基础总结 2.HTML的基本标签 (1)HTML标签 (2)head标签 (3)body标签 3、段落与文字 (一)、段落标签 (二)、网页特殊符号 (三)、自闭合标签 (四)、块元素和行内元素 (五)、练...
JAVA学习笔记（HTML快速入门）
CSDN_Admin0的博客
02-03 847
文章目录快速入门基础标签图片、音频、视频标签超链接标签列表标签表格标签布局标签表单标签type取值 快速入门 1.新建文本文件，后缀名改为 .html/.htm 2.编写 HTML结构标签 3.在中使用定义标题字体 4.使用标签定义图片 5.保存后，使用浏览器打开该文件 | 标签 | 描述 | | -------------- | ----------------------------------------
Java前端___HTML入门
yeshengchao的博客
05-29 498
网页设计    网页，是采用html来进行编写的。一、html基本介绍    html，它的全称叫超文本标记语言。通俗点说，就是用来编写网页的语言。它目前最新的版本是html5，简称h5。特点如下：    1）可以直接用记事本、gedit等文本软件进行编写，但文件名通常要求以.html结尾。    2）它的语法全部是由标记组成，标记之间可有嵌套包含关系。    3）编写好的html文件，俗称网页。...
【狂神说Java】HTML快速入门
路边烧卖
05-17 1635
目录1.初识HTML2.网页基本信息3.网页基本标签4.图像标签5.超链接标签应用6.行内元素和块元素7.列表标签8.表格标签9.媒体元素10.页面结构分析11.iframe内联框架12.初始表单post和get提交13.文本框和单选框14.按钮和多选框15.列表框文本域和文件域16.搜索框滑块和简单验证17.表单的应用18.表单初级验证 初始HTML 网页基本标签 图像，超链接，网页布局 列表，表格，媒体元素 表单及表单应用 表单初级验证 1.初识HTML 什么是HTML HTML Hype
Java Web入门基础（js基础与Html结合）
意外
05-20 3512
1.JavaScript的简介            ***基于对象和事件驱动的语言，应用于客户端                 ----基于对象：提供很多的对象，可以直接拿过来使用                 -----事件驱动：html是静态的网页，JavaScript实现动态网页                 -----客户端：专门指的是浏览器           ***JavaSc...
HTML入门（详细）
qq_63525426的博客
05-03 3万+
HTML（全称为“超文本标记语言”）是一种用于创建Web页面的标记语言。它是Web开发的基础，允许开发者定义页面的结构、内容和样式。HTML使用一些标记或“标签”来描述文本和媒体内容的结构和格式，这些标签可以指示网页浏览器如何显示内容，包括标题、段落、列表、超链接、图像、音频、视频等等。HTML还可以与其他Web技术（如CSS和JavaScript）结合使用，以实现更复杂和交互性的Web应用程序。这篇文章只是介绍HTML的基础标签的使用。
HTML零基础入门教程（详细）
ZONGXP的博客
10-22 22万+
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。 HTML 指的是超文本标记语言:HyperTextMarkupL...
Html入门练习
道亦无名
06-28 2万+
开始学些Html的时候主要进行一些简单的静态网页的处理： 1、HTML 标题 HTML 标题（Heading）是通过 - 等标签进行定义的。 2、HTML 段落 HTML 段落是通过 标签进行定义的。 3、HTML 链接 HTML 链接是通过 标签进行定义的。 4、HTML 图像 HTML 图像是通过 标签进行定义的。 5、HTML 元素 HTML 元素指的是从开始标签
html入门学习.zip
01-01
html入门学习html入门学习html入门学习 html入门学习html入门学习html入门学习html入门学习 html入门学习html入门学习html入门学习html入门学习html入门学习 html入门学习html入门学习html入门学习 html入门学习html...
HTML入门学习及笔记.zip
01-01
HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记 HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记 HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记...
HTML入门标签
10-11
比较详细的HTML标签，常用到的标签都包括在内了。新手可以看看
HTML入门学习的源代码.zip
01-01
HTML入门学习的源代码HTML入门学习的源代码HTML入门学习的源代码 HTML入门学习的源代码HTML入门学习的源代码HTML入门学习的源代码 HTML入门学习的源代码HTML入门学习的源代码HTML入门学习的源代码 HTML入门学习的源...
Java网页搭建--HTML入门
Java小白的自学之路
03-25 1555
HTML： 文档结构组成： 测试代码： <!DOCTYPE html> <html> <head> <meta charset = "UTF-8"> <title> html document</title> </head> <body> hello imooc ...
前端用html写excel文件直接打开
全易
09-10 549
html文件直接用excel打开
水平垂直居中的几种方法（总结）
致未来的你。的博客
09-11 1086
水平垂直居中的几种方法（总结）
HTML中的文字与分区标记
最新发布
qq_74861982的博客
09-11 413
HTML中的文字与分区标记
使用HTML
nice66660的博客
09-09 857
a>
HTML入门：从基础到实践
"这是一份由浅入深的HTML入门教材，旨在帮助初学者掌握HTML的基础知识，包括HTML文档的基本结构和字符实体的使用。" 在Web程序开发中，HTML（超文本标记语言）是构建网页内容的核心语言。HTML文件本质上是包含一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值