HTML笔记(标签、)

HTML是前端开发中非常重要的一部分,它是用来创建Web页面结构的语言

一、HTML基础标签
  1. ****它是用来声明文档类型的,指定文档采用哪个HTML版本来解析。DOCTYPE声明应该始终位于HTML文档的开头,否则浏览器可能无法正确解析文档。

  2. html:它是定义HTML文档的根元素,包含整个HTML文档的内容。

    html标签上可以定义文档的显示语言:

  3. head:它的内部是用来放置一些元数据的,一般用meta标签来标记一些头部信息,或者用title定义页面的标题。如:

    • head、title:它们用于定义HTML文档的元数据,例如文档的标题、样式表和脚本等。例如:
    DOCTYPE html>
    <html lang='en'>
    <head>
      <title>我的网页title>
      <meta charset="UTF-8">
      <link rel="stylesheet" href="style.css">
      <script src="script.js">script>
    head>
    <body>
      <h1>欢迎来到我的网页!h1>
    body>
    html>
    

    其中定义文档的标题,meta标签定义文档的字符集,link标签用于引入外部样式表,script标签用于引入外部脚本。

    <meta charset="UTF-8">
    <meta name="keywords" content="HTML, CSS, JavaScript">
    <meta name="description" content="这是一个演示文档。">
    

    其中charset属性定义文档的字符集,name属性定义元数据的名称,content属性定义元数据的值。

    • link:它用于引入外部资源,例如CSS样式表、图标和字体等。例如:
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="favicon.ico">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
    

    其中rel属性指定资源的类型,href属性指定资源的URL地址。

    • script它用于定义客户端脚本,如JavaScript代码。例如:
    <script>
      function sayHello() {
        alert('Hello World!');
      }
    script>
    

    其中代码可以放在

你可能感兴趣的:(HTML,html,笔记,前端)