Web前端

最新推荐文章于 2022-07-05 16:57:48 发布

WQQ_1234

最新推荐文章于 2022-07-05 16:57:48 发布

阅读量329

点赞数 1

文章标签： web

本文链接：https://blog.csdn.net/WQQ_1234/article/details/107745669

版权

1、Web标准构成

主要包括结构、表现和行为三个方面
结构：用于对网页元素进行整理和分类，主要指的是HTML
表现：用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS
行为：指网页模型的定义及交互的编写，主要指Javascript
例如：结构类似人的身体，表现类似人的着装，行为类似人的行为动作
**

2、html骨架标签总结

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

<html></html>:HTML标签，页面中最大的标签，我们称为根标签
<head></head>:文档的头部，在此页面中必须要设置的标签是title
<title></title>:文档的标题，让页面拥有一个属于自己的网页标题
<body></body>:文档的主体，元素包含文档的所有内容，页面内容

3、html标签分类

3.1 常规元素（双标签）

<标签名> 内容 </标签名>

例如：<body> 我是王倩倩 </body>

3.2 空元素（单标签）

<标签名 />

4、html常用标签

4.1 排版标签

4.1.1 标题标签 h

<h1> .......</h1>  // 一级标签（标签的字体最大）
<h2> .......</h2>  // 二级标签
<h3> .......</h3>  // 三级标签
<h4> .......</h4>  // 四级标签
<h5> .......</h5>  //五级标签
<h6> .......</h6>  //六级标签

4.1.2 段落标签 p

<p> ........</p>

4.1.3 水平线标签 hr

<hr />

4.1.4 换行标签 br

<br  />

4.1.5 div和span标签

<div>........</div>    // 一行只能放一个div
<span>.....</span>  //一行可以放好多个span

4.2 文本格式化标签

<b></b>和<strong></strong>   // 对文字进行加粗
<i></i>和<em></em>               // 文字以斜体方式显示
<s></s>和<del></del>             // 文字加删除线方式显示
<u></u><ins></ins>                // 文字以加下划线方式显示

4.3 图像标签 img

<img />  标记属性
<img src="图像URL" />

src:图像的路径（必须属性）
alt：替换文本，图片不能正常显示就显示文字
title：提示文本，鼠标放在文字上显示的文字
width：设置图像的宽度
height：设置图像的高度
border：设置图像边框的宽度

4.4 链接标签

<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>

href: 用于指定链接目标的url地址，当为标签应用href属性时，就具有了超链接功能（必须属性）
target：用于指定链接页面的打开方式。_self为默认值，_blank为在新窗口中打开方式

4.4.1 外部链接

需要添加 http://www.baidu.com

WQQ_1234

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
Web前端

Web标准构成主要包括结构、表现和行为三个方面结构：用于对网页元素进行整理和分类，主要指的是HTML表现：用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS行为：指网页模型的定义及交互的编写，主要指Javascript例如：结构类似人的身体，表现类似人的着装，行为类似人的行为动作**...
复制链接

扫一扫