html基础

HTML骨架

代码结构

1 <!DOCTYPE html>
2 <html>
3 <head>
4 　　<meta charset="utf-8">
5 　　<title>这是标题</title>
6 </head>
7 <body>
8 </body>
9 </html>

1、html

2、head => 文档头部

　　title => 文档标题

3、body => 文档主题

4、DOCTYPE => html5文档类型

5、charset="UTF-8" => 字符集

web标准

1、结构 => html-head-body

2、表现 => 样式-css

3、行为 => javascript 动作

html标签

1、标签分类

双标签 <p></p>、<div></div>等
单标签

<br /> 、<hr />等

2、标签关系

嵌套关系（父子）

<div>

　　<span></span>

</div>
并列关系（兄弟）

<body>

　　<div></div>

　　<span></span>

</body>

3、常用标签

<p></p> 段落标签
<br /> 换行
<hr /> 水平线
<hx></hx> 标题标签h1~h6（数字越小字体越大）

4、文本格式化标签

<b></b>和<strong></strong> 对字体进行加粗（推荐使用strong）
<i></i>和<em></em> 对字体进行倾斜（推荐使用em）
<u></u>和<ins></ins> 为字体添加下划线（不推荐使用u）
<s></s>和<del></del> 为字体添加删除线（推荐使用del）

5、图片标签

　　格式 <img src="" alt="" title=""  />

属性 作用
src 图片存放路径
alt 当图片无法显示时页面中显示的文字
title 当鼠标放在图片上显示的文字
width 设置图片宽度
height 设置图片高度

6、链接标签

格式 <a href="" target=""></a>

属性 作用
href 设置跳转链接
target 设置跳转页面方式

_blank 浏览器总在一个新打开、未命名的窗口中载入目标文档

_self 这个目标的值对所有没有指定目标的 <a> 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 <base> 标签中的 target 属性一起使用

_parent 这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效

_top 这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口

7、注释标签

　　<!-- 注释内容 -->

8、路径 

路径都是从html文件出发的

相对路径

　　同一级别：直接引用

　　下一级别：/ => images/xx.jpg 

　　上一级别：../ => ../images/xx.jpg

绝对路径 从根目录开始一直到目标文件

posted @ 2021-06-11 11:31  黎沐不吃香菜  阅读(51)  评论(0)    收藏  举报