HTML

想看后面的去https://blog.csdn.net/zq140311/article/details/115641901

什么是HTML

HTML
- Hyper Text Markup Language(超文本标记语言)

HTML发展史

HTML 5，提供了一些新的元素和一些有趣的新符性，同时也建立了一些新的规则，这些元素、特性和规则的尖子，提供了许多新的网页功能，如使用网页实现动态渲染图形、图表、图像、和动画，以及不需要安装任何插件直接使用网页播放视频等。

W3C标准

W3C
- World Wide Web Consortum (万维网联盟)
- 成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构
- http://www.w3.org/
- http://www.chinaw3c.org/
W3C标准包括
- 结构化标准语言（HTML、XML）
- 表现标准语言（CSS）
- 行为标准（DOM、ECMAScript）

HTML基本结构

<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>//网页头部
<body></body>//主体部分
</html>

、等成对的标签，分别叫开放标签和闭合标签单独呈现的标签（空元素），如

; 意为用/来关闭空元素

网页基本信息

DOCTYPE声明

标签标签

网页基本标签

标题标签

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

段落标签

<p>由于第一次安装这个环境，</p>
<p>扯了挺久了，弄好了，高进记录一下，避免以后还需要</p>
<p>下面链接是npm官方的安装</p>
<p>https://www.npmjs.com/package/windows-build-tools</p>

换行标签
```
<br>
```
水平线标签
```
<hr>
```

字体样式标签

粗体：<strong>i love you</strong>
斜体：<em>i love you</em>

注释和特殊符号

注释<!-- -->
空格
空 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
<br>
大于&gt;
<br>
小于&lt;
&copy;版权所有

图像标签

常见的图像格式

<img src="path" alt="text" title="text" width="x" height="y"

src:图像地址 alt：图像的替代文字 title:鼠标悬停提示文字 width:图像宽度 height:图像高度

链接标签

<a href="path"target="目标窗口位置">链接文本或图像</a>

href="path"链接路径 target链接在哪个窗口打开常用之：_self\blank

文本超链接
图像超链接
超链接
- 页面间链接
- 从一个页面链接到另一个页面

锚链接

<a name="top">顶部</a>

<a href="#top">回到顶部</a>

功能性链接

<!--功能性链接
邮件链接：mailto
-->
<a href="mailto:2820678041@qq.com">点击联系我</a>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2::52"alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
</body>

行内元素和快元素

块元素
- 无论内容多少，该元素独占一行
- (p、h1-h6)
行内元素
- 内容撑开宽度，左右都是行内元素的可以在排在一行
- (a.strong.em)

列表

什么是列表
- 列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷的获得相应的信息

列表的分类

无序列表

<!--无序列表-->
<ul><li>java</li><li>Python</li><li>运维</li><li>前端</li><li>C/c++</li>
</ul>

有序列表

<!--有序列表
应用范围：试卷，问卷....
-->
<ol><li>java</li><li>Python</li><li>运维</li><li>前端</li><li>C/c++</li>
</ol>

自定义列表

<!--自定义列表
dl:标签
dt：列表名称
dd：列表内容
公司网站底部
-->
<dl><dt>学科</dt><dt>Java</dt><dt>Python</dt><dt>Linux</dt><dt>C</dt><dt>位置</dt><dt>河北</dt><dt>河南</dt><dt>山西</dt></dl>

表格

为什么使用表格
- 简单通用
- 结构稳定

基本结构

单元格
行
列
跨行
跨列

<!--表格table
行  tr  rows
列  td
-->
<table border="1"><tr><!--colspan 跨列--><td colspan="4">1-1</td></tr><tr><!--colspan 跨行--><td rowspan="2">2-1</td><td>2-2</td><td>2-3</td><td>2-3</td></tr><tr><td>3-1</td><td>3-2</td><td>3-3</td></tr>
</table>

页面结构分析

元素名	描述
header	标题头部区域的内容（用于叶敏或页面重点一块区域）
footer	标记脚部区域的内容（用于整个页面或页面的一块区域）
section	Web页面中的一块独立区域
article	独立的文章内容
aside	相关内容或应用（常用于侧边栏）
nav	导航类辅助内容

HTML5基础上相关推荐

html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)
点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1. 声明的变化 2. 指定字符编码的变化,html5中建议使用utf-8 3. Html5中允许没有 ...
html5基础知识文档,HTML5基础知识（1）
原标题:HTML5基础知识(1) html5是万维网的核心语言.标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改.2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力, ...
html5实践开发教程,HTML5基础与实践教程
HTML5基础与实践教程语音编辑锁定讨论上传视频 <HTML5基础与实践教程>是2010年4月机械工业出版社出版的图书,作者是云翔,刘猛猛,欧阳植昊. 书名 HTML5基 ...
html5语言基础教程,HTML5基础教程，从入门到精通，零基础学HTML5
随着互联网的快速发展,对前端开发方面的人才需求越来越大,其中Web前端领域的HTML5也受到许多人追捧 HTML5是构建Web内容的一种语言描述方式.HTML5是互联网的下一代标准,是构建以及呈现互联 ...
苹果7手机html5测试,HTML5 基础测试题
HTML5 基础测试题 1.HTML5 之前的 HTML 版本是什么?() A.HTML 4.01 B.HTML 4 C.HTML 4.1 D.HTML 4.9 2.HTML5 的正确 doctype ...
html5教学文档笔记,4.HTML 教程- (HTML5 基础）
HTML 教程- (HTML5 基础) 1.HTML 标题 HTML 标题(Heading)是通过 - 标签来定义的. 2.HTML 段落 HTML 段落是通过标签来定义的. 3.HTML 链接 H ...
【HTML5】HTML5基础语法汇总
HTML 超文本标记语言(Hyper Text Markup Language,简称HTML)是一种构建网页的标准标记语言. 那么"超文本"和"标记语言"是什么 ...
HTML5 基础知识
HTML5 基础知识什么是 HTML? HTML 是一种超文本标记语言,"超文本"就是指页面内可以包含图片.链接.深职音乐.视频.程序等非文字元素 HTML 不是一种编程语言 H ...
HTML5关于上传API的一些使用（上）
HTML5提供了很多有用的API,其中就包括上传的API,XMLHttpRequest2.0,在HTML5时代之前,需要进行二进制的上传一般都会才用flash的方案,但是当XMLHttpRequest ...

HTML5基础上

HTML

什么是HTML

HTML发展史

HTML基本结构

网页基本信息

网页基本标签

链接标签

行内元素和快元素

列表

表格

HTML5基础上相关推荐

最新文章

热门文章

HTML5基础 上

HTML

什么是HTML

HTML发展史

HTML基本结构

网页基本信息

网页基本标签

链接标签

行内元素和快元素

列表

表格

HTML5基础 上相关推荐

最新文章

热门文章

HTML5基础上

HTML5基础上相关推荐