第二章总结

最新推荐文章于 2024-11-06 15:47:31 发布

2301_81327075

最新推荐文章于 2024-11-06 15:47:31 发布

阅读量403

点赞数 4

文章标签： html5

本文链接：https://blog.csdn.net/2301_81327075/article/details/142370667

版权

2.1.1 段落标签
<p> </p >：默认左对齐
align :居中左对齐右对齐（对齐方式）
center:居中
left：左对齐
right：右对齐
编辑

2.1.2 标题标签
<h1>一级标题<h2/> 最大（也有align三种属性）
到
<h6>六级标题<h6/> 最小
编辑
2.1.3 换行标签
<p> </p > 直接换行作用
<br /> 换行中间有间隔
编辑

2.1.4 水平线标签
<hr/> 普通水平线（默认黑色）
<hr color="#000000"/> 给水平线设置颜色格式
<hr size="20px" color="#0000ff"/> 设置水平线粗细和颜色
编辑
2.1.5 预格式化标签
<pre>
江西应用工程职业学院
校训：爱国明治敢为人先
</pre>
使空格，换行，tap 都有效果
编辑

2.1.6 缩排标签
<p> </p >
<blockquote>
内容
<blockquote/> 默认有一个
编辑
2.1.7 案例

2.2 超链接

2.1.1 超链接简介

2.1.1.1 超链接的定义

2.1.1.2 超链接的分类

2.1.1.3 路径

2.2.2 超链接的应用
<a href=" ">百度一下<a/>

2.2.2.1 锚点标签<a>···</a >

2.2.2.2 指向其他页面的超链接
注册
登录
href：指向标记
用a标签指向其他页面链接
编辑

2.2.2.3 指向书签的超链接
<a name="p"></a > 设置书签
段落指向书签
编辑

2.2.2.4 指向下载文件的超链接
下载

2.2.2.5 指向电子邮件的超链接
mailto：去哪里，到哪里

编辑

2.3 图像

2.3.1 网页图像的格式及使用要点
GIF动图，JPEG,POG
使用图像要点：尽量用小一点的图（8kb<）太大加载不出来

2.3.1.1 常见的网页图像格式

2.3.1.2 使用网页图像的要点

2.3.2 图像标签
< img src="img/1.2.jpg"/>
src：指定文件路径
title：光标落下的地方会显示名字
编辑

2.3.2.1 图像的替换文本说明

2.3.2.2 设置图像大小
width：设置图片宽度
height：设置图片高度
< img src="img/1.2.jpg" width="350px" height="200px"/>
编辑
2.3.2.3 图像的边框
可以叠加使用设置宽高，顺序没有要求
width：设置图片宽度
height：设置图片高度
border：设置边框
编辑

2.3.3 图像超链接
先设置一个跳转链接，接着带入图片
    <a href="http://wwww.baidu.com">
            < img src="img - 副本/baidu.jpg"/>
        </a >
编辑

2.3.4 设置网页背景图像
全屏
<body background="img - 副本/baidu.jpg"></body>
编辑

2.3.5 图文混排
代码
<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title>图片混排</title>
   </head>
   <body>
       <h1 align="center">江西应用工程职业学院</h1>
       <hr color="#000000"/>
       < img src="img/yinggong.jpg" align="right"/>
       <p>
           江西应用工程职业学院系一所经江西省政府批准、中国教育部备案、面向全国招生的国有公办全日制普通高职院校，隶属江西省教育厅。<br />
           校训：爱国明志  敢为人先<br />
           校园精神：诚朴坚卓达谦智勇<br />
       </p >

   </body>
</html>