HTML&CSS

HTML

框架

<!DOCTYPE html> //文档声明
<html lang="en> //根元素
 <head> //头
    <meta charset="UTF-8>
    <title>Document</title>
 </head>
 <body> //身体

 </body>
</html>
  • 头：
    一般放入原数据、搜索引擎的keyword、title、css等
  • 身体：
    页面内容
  • 开始和结束标签成对出现

标签

  • 换行符
<br>
  • 标题标签
<h1>one<h1>
<h2>two<h2>
  • 段落标签
<p>test</p>
  • 图像标签

    alt是替换的意思，当图片不可显示时替换的文本
    width等用于调整大小

<img src=""文件名目录" alt="图片"width="200px">
  • 超链接

    target="_blank"用于不覆盖当前页面，另开窗口

<a href="http://www.baidu.com"target="_blank">百度</a>

CSS

一种标记语言

结构

CSS规则

h1{  //选择器（h1）
  width:600px;
  height:1200px;
  margin:auto;  //（属性、属性值）声明
}

样式类型

  • 内联

直接写到html上，没有选择器，直接是声明，使用style属性，仅仅对当前html元素有效

<p style="color:red;">非</p>
  • 内部

写到head标签,仅仅对当前页面有效

<head>
      <meta charset="UTF-8">
      <title>非</title>
      <style>
          .box{
              width: 600px;
              height: 1200px;
              text-align: center;
          }
      </style>
  </head>
  • 外部

把另一个标签放在head标签内,指定link标签的ref属性来指定外部css文件路径,引入外部样式表,也仅对当前页面有效

<head>
  <meta charset="UTF-8">
  <title>非</title>
  <link rel="stylesheet" href="style.css">
<head>
posted @ 2023-07-31 19:31  ei_hei  阅读(10)  评论(0)    收藏  举报