0
点赞
收藏
分享

微信扫一扫

设计模式——外观(门面)模式10

狐沐说 2024-04-12 阅读 12
html前端

概念

HTML 文件

  1. 扩展名是 .html 的文件称为网页文件或者HTML文件
  2. HTML 文件使用代码编辑进行编辑,使用浏览器查看效果

声明方式

<!Doctype html>

!DOCTYPE 是一个文档类型标记,是一种标准通用标记语言的文档类型声明,在 web 设计中用来说明你用的 XHTML 或者 HTML 是什么版本。

页面的基本结构

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>标题</title>
    </head>
    <body>
    
    </body>
</html>

标签(元素)

  • 标签分为双标签和单标签
    双标签由开始标签和结束标签组成,结束标签需要 /
    单标签,标准中也有 /
  • 标签具有语义,语义决定什么时候使用该标签
  • 标签名不区分大小写
<div>内容</div>
<img />

属性

标签的属性,由属性名和属性值组成,属性值使用单引号或双引号包裹

<img  src=“” style=""/>

主体结构元素说明

标签名语义和功能属性单标签还是双标签
html根元素双标签
head双标签
body主体双标签

HEAD 中的标签

标签名语义和功能属性单标签还是双标签
meta设置页面元信息charset: 设置字符集编码,值推荐 utf-8单标签
title标题栏标题双标签

注释

1、对代码解释说明
2、暂时不想执行的代码可以注释掉

语法

// 单行注释
 <!-- 多行注释的内容-->

常见的标签

a 标签

<a>  标签用于定义超链接,作用是从一个页面链接到另一个页面。
<a> 标签最重要的属性是 href 属性,用于创建指向另外一个文档的链接(或超链接)

br标签

<br> 标签是空标签,可插入一个简单的换行符。

button标签

<button> 标签用来设置 HTML 中的按钮。
<button type="button">我是按钮</button>

form标签

<form> 标签可以向服务器传输数据,成为表单标签

<h1 – h6> 标签

<h1> - <h6> 标签用来定义 HTML 标题,表示了 HTML 网页中六个级别的标题

img 标签

<img> 标签用于展示 HTML 页面中的图像

还有很多,你可以去w3cschool 上去浏览。

举报

相关推荐

0 条评论