HTML 从零快速入门到熟练使用，最新HTML5

最新推荐文章于 2024-02-26 10:00:20 发布

笨鸟学编码

最新推荐文章于 2024-02-26 10:00:20 发布

阅读量1.3k

点赞数 8

分类专栏： JAVA 软件实施文章标签： html html5 快速入门 html 从零

本文链接：https://blog.csdn.net/tyh18226568070/article/details/105984804

版权

这篇博客介绍了HTML的基础知识，包括HTML的背景、简介、基本语法、标签使用，特别是HTML5的新特性。内容涵盖超文本和标记语言概念，浏览器内核，基本结构，常见标签如标题、段落、图像、链接、表单等，并探讨了浏览器兼容性问题和解决方案。

摘要由CSDN通过智能技术生成

文章目录

- HTML

HTML

背景

使用 java 开发的基于互联网的项目，遵循 web 标准。
web 标准介绍

w3c：World Wide Web Consortium（万维网联盟）HTML、XHTML、CSS、XML的标准就是由W3C来定制。
w3c标准：制作网页的规范，分为结构标准(html)，表现标准(css)，行为标准 (dom)
结构：html 表现：css 行为:JavasCript

浏览器内核：

浏览器	内核
IE	trident
chrome	欧鹏
火狐	gecko
Safari	webkit

tips：「浏览器内核」也就是浏览器所采用的「渲染引擎」，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。渲染引擎是兼容性问题出现的根本原因。

HTML简介

Hyper Text Markup Language 超文本标记语言

超文本:
- 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本.
标记语言:
- 由标签构成的语言。<标签名称> 如 html，xml
- 标记语言不是编程语言

HTML的网络术语

网页：由各种标记组成的一个页面就叫网页。
主页(首页) : 一个网站的起始页面或者导航页面。
标记：称为开始标记，称为结束标记，也叫标签。每个标签都规定好了特殊的含义。
元素：内容称为元素.
属性：给每一个标签所做的辅助信息。
xhtml：符合XML语法标准的HTML。
dhtml：dynamic，动态的。javascript + css + html合起来的页面就是一个dhtml。
http：超文本传输协议。用来规定客户端浏览器和服务端交互时数据的一个格式。
SMTP：邮件传输协议
ftp：文件传输协议。

基本语法：

html文档后缀名 .html 或者 .htm
标签分为
1. 围堵标签：有开始标签和结束标签。如
2. 自闭和标签：开始标签和结束标签在一起。如
标签可以嵌套：
需要正确嵌套，不能你中有我，我中有你
错误：
正确：
在开始标签中可以定义属性。属性是由键值对构成，值需要用引号(单双都可)引起来
html的标签不区分大小写，但是建议使用小写。

基本结构

<!DOCTYPE html>
<!-- 高数浏览器使用什么规范 -->
<html lang="en">
	<!-- head表填代表头部 -->
<head>
    <!-- mate 描述标签 -->
	<!-- meta 一般来做seo -->
	<meta charset="UTF-8">
	<meta name="keywords" content="java acc source">
	<meta name="description" content="学习源码"
    <title>表单标签</title>
</head>
<body>
    helloword
</body>
</html>

HTML标签

HTML5 标签集合

页面通常结构
1588848467899

基本标签

标题标签

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>

段落标签
```
段落1
段落1
```
换行标签
```
 
```

字体样式标签

黑体

黑体 ： <strong>你未必出类拔萃，你要与众不同</strong>

斜体

斜体： <em>你未必出类拔萃，你要与众不同</em>

水平线标签
```
<hr />
```

特殊字符标签

1&nbsp; 空格
&gt;大于
&lt;小于
&copy； 版权

行内元素和块元素区别

行内元素是使用标签后不换行例如符号标签，字体标签

块元素是换行的例如 span、h标签

图像标签

<img width="200px" src="./img/logo.png" alt="logo" title="logo">
<!-- 
src :图片地址 可以相对地址或绝对地址
title ： 悬停时出现标题
-->

链接标签

基本链接

<a href="01-demo01.html" target="_blank">点击</a> 
<a href="https://www.baidu.com">
	<img src="./img/logo.png" alt="">
</a>
<!--
可以链接到一个html页面，可以以链接到一个地址
_blank 表示在新页面打开
_self 表示在原页面打开
内部链接可以使用除文字的其他形式
-->