JavaWeb_第二章 HTMC / CSS

最新推荐文章于 2023-06-28 22:29:16 发布

就是爱吃肉ro

最新推荐文章于 2023-06-28 22:29:16 发布

阅读量638

点赞数 1

分类专栏： # Java Web # HTML / CSS / JavaScript

本文链接：https://blog.csdn.net/weixin_44510468/article/details/104658908

版权

本文主要介绍了JavaWeb中的HTML和CSS基础知识。在HTML部分，涵盖了文本与段落、超链接、图片以及框架标签的使用，特别是相对路径的解析。在CSS部分，详细讲解了选择器、CSS的三种使用方式（嵌入式、内联式、外联式）以及常用属性，如文本段落、字体和背景属性。

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

<一> Hyper Text Markup Language

<!--> 这是框架 <-->
<html>
<head>
    <title>title</title>
</head>
<body>
    <p>content</p>
</body>
</html>

在这里插入图片描述

文本与段落标签 / 超链接标签 / 图片标签

<!DOCTYPE html>
<!--
 * @Author      : acmaker
 * @Date        : 2020-03-05 00:02:48
 * @LastEditTime: 2020-03-13 11:40:41
 * @FilePath    : \PersonalWebpage\web\test\basicKnowledge\basicStudy.html
 * @Website     : http://csdn.acmaker.vip
 * @Description : 
-->



<html>

<head>
  <meta charset="UTF-8">
  <title>title</title>
</head>

<body>

  <font size=4 color=green face="Microsoft YaHei"> size=[1,7], color=..., face </font>
  <hr /> 水平分割线. width长度, size粗细, color颜色, align对齐方式
  <br /> 换行
  <b>黑体 </b>
  <i>斜体 </i>
  <strong> 斜体+黑体 </strong>
  <p> 段落. align对齐方式 </p>
  <pre>
    pre标签保留文本原格式
    1111
      2222
        3333
          4444
5555
    6666
      7777
        8888
  </pre>
  <a href="../images/3.jpg" target="_blank "> 超链接.标签内为链接显示的文本
    target有五个属性
    _blank 在新窗口中打开被链接文档。
    _self 默认。在相同的框架中打开被链接文档。
    _parent 在父框架集中打开被链接文档。
    _top 在整个窗口中打开被链接文档。
    framename 在指定的框架中打开被链接文档。 </a>

  <img src="/web/images/3.jpg" width="100%" height=100 align="center" alt="图片介绍文字"> 图片标签 </img>
  <img src="/web/images/4.jpg" width="100%" height=100 align="center" alt="图片介绍文字"> 图片标签 </img>
  <img src="/web/images/5.jpg" width="100%" height=100 align="center" alt="图片介绍文字"> 图片标签 </img>
  <img src="/web/images/5.jpg" width="20%" height=100 align="center" alt="图片介绍文字" border="20"> 图片标签 </img>
  <!-- img标签的 border 属性也可以调节边框 -->

  <table border