Java笔记12.30

最新推荐文章于 2025-01-01 11:29:02 发布

喝牛奶的kitty猪

最新推荐文章于 2025-01-01 11:29:02 发布

阅读量341

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_37004450/article/details/78972218

本文主要介绍了Web前端的基础知识，特别是HTML，包括HTML的定义、结构以及常见的标签类型，如闭合标签、空标签、超链接标签、图像标签和表格标签table。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

web前端基础知识

HTML：Hyper Text Markup Language :超文本标记语言
结构：

<html>
    <head>
<title>页面的窗口标题栏</title>
</head>
<body>
页面的主体部分
</body>
</html>

标签分类：
闭合标签：有开始有结束
空标签
超链接标签

<a></a>
属性：
1） href:连接到的资源文件(包含一些图片文件),也可以连接URL(统一资源定位符号)
URI:表示互联网协议,包含很多   URL(里面使用http://协议最多的)
2） target:打开资源文件的一种方式:
                两个常用的值:_blank:新建一个窗口打开
                           _self:在当前窗口直接打开
**作用:**
   1.可以连接到资源文件或者资源地址
   2.可以作为锚链接来使用
  使用锚链接：
  1）同意页面下跳转
name属性:锚链接的名称 ---打了一个跳转标记
          a:创建一个跳转标签<a name="name"></a>
          b:跳转到标记<a href="#name属性值">开始跳转</a>
   2） 在不同页面下的跳转
            a:创建跳转标记<a name="name"></a>
             b:创建跳转链接<a href="xxx.html#跳转标记的name属性值"></a>

图像标签

图像标签: 空标签
        <img />
        常用的属性:
            src:链接到图片的资源文件
            title:鼠标悬浮到图片上时,会显示提示文字
            alt:当图片资源失效的时候,会有替代文本
            width:图片的宽度
            height:图片的高度

转义字符

常用的转义字符
< :   &lt ;     letter than
>:   &gt;     greater than
空格: &nbsp;
注册商标: &reg;
版权所有:© : &copy;

表格标签table

没有列的概念，只有行和单元格
行：tr
单元格：td
表头：th自动加粗并自动居中
**属性**
1）border：边框
2）aligh：在浏览器显示的方式。常用值：left;right;center
3)width:表格宽度
4）height:表格高度
行合并：rowspan
列合并：colspan
标题:<caption></caption>