Day08 HTML5-CSDN博客

本文链接：https://blog.csdn.net/ashuu69/article/details/120426502

文章目录

HTML基础1

HTML基础1

HTML5网页基本结构
CSS美化网页
Javascript让网页动起来，产生很多交互行为
Jquery是封装JS的库
VUE主流框架前后端分离与绑定

什么是HTML

Hyper Text Markup Language 超文本标记语言

W3C标准

World Wide Web Consortium 万维网联盟

web技术领域最权威和具影响力的中立性技术标准机构

W3C标准包括

结构化标准语言 HTML XML

表现标准语言 CSS

行为标准 DOM ECMAScript

网页基本信息

注释的写法（CTRL+/ 快捷键）

<!--     注释内容        -->
   
<html>  所有和html相关的代码除了声明都写在这个里面  </html>

<head>     头部标签：代表网页头部      </head>

<body>     代表网页主体      </body>

<title>     代表网页标签卡名字      </title>

<meta charset="UTF-8">  <!--自闭合标签  UTF-8:字符编码   meta标签：描述性标签，描述网站的一些信息  一般用来做SEO（搜索引擎优化）  -->

<meta name="keywords" content="关键词">
<meta name="description" content="描述">

DOCTYPE声明

告诉浏览器我们要使用什么规范

网页基本标签

标题标签

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>3</h3>
<h4>4</h4>
<h5>5</h5>
<h6>6</h6>

一般 一级 二级 三级标签

段落标签（P+TAB快捷键）

<p>  </p>

换行标签

dsaddasd<br>

水平线标签

<hr>

字体样式标签

<strong>LYY</strong>    <!--粗体-->
<em>LYY</em>   <!--斜体-->

注释和特殊符号

空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
&nbsp;    空格



&+字母；  查找各种符号

图像标签

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

<img src="path"  图像地址  alt="text"   图像的替代文字          title="text"    鼠标悬停提示文字   width="x"  图像宽度               height="y" />    图像高度

src:图片地址

分为相对地址（复制图片到IDEA资源文件夹（自己创））和绝对地址（写死）

链接标签

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

target="" 链接在哪个窗口打开常用值：_self _blank
可以图片超链接
_blank 在新标签中打开
_self 在自己的网页中打开

锚标签

需要一个锚标记
跳转到标记
可实现跨页面跳转

<a name="top">顶部</a>   使用name标签作为标记
<a href="#top">回到顶部</a>

功能标签

<a href="mailto:281936@qq.com">点击联系</a>

行内元素和块元素

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