yetang307

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

HTML结构标签

<!--文档类型为HTML-->
<!DOCTYPE html>
<html>
<head>
  <!--字符集为UFT-8-->
  <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

<html>:网页识别区域

<head>:网页头

<title>:网页标题

<boby>:网页体

html特点:

1.不区分大小写

2.单双引号都可以

3.语法比较松散

图片标签:<img>

1.src:指定图片的url

  相对路径:./当前目录   ../上一级目录

2.width:图片的宽度

  px:像素        %:相对于父元素的百分比

3.hright:图片的高度

标题标签:<h1>--<h6>

水平线标签:<hr>

 

css引入方式

1.行内样式:

<div style="background: red"></div>

2.内嵌样式

<head>
    <style>

    .content {
        background: red;
    }

    </style>
</head>

3.外联样式

<link rel="stylesheet" type="text/css" href="style.css">

 

颜色表示形式:

关键字:red,green……

rgb表示法:rgb(0,0,0)取值0-255

十六进制表示法:#000000……

颜色属性:color 设置文本的颜色 

 

颜色提取:网页插件  Smart Color Picker

 

<span>:区块 无意义 用来编辑内容样式

 

css选择器:

1.元素选择器 <h1>……  元素{}

2.id选择器 id=“”  #id属性值{}

3.类选择器 class=“”  .class属性值{}

 

<a>超链接 :

1.href 转移位置

2.target: _self 默认。在相同的框架中打开被链接文档。

  _blank 在新窗口中打开被链接文档。

  _parent 在父框架集中打开被链接文档。

  _top 在整个窗口中打开被链接文档。

css:color 字体颜色

  text-decoration:none  定义标准的文本,去掉超连接的下划线

 

posted on 2023-07-22 19:39  椰糖  阅读(13)  评论(0)    收藏  举报