May 15th(HTML day2)

1.HTML基本结构

(1)HTML     超文本标记语言

作用:网页结构

HTML不区分大小写,建议小写

(2)标签

HTML由标签组成(<p>)

双标记<p></p>     封闭类型标记

单标记<meta>       非封闭类型标记     

空标记

(3)元素

开始标签                                          结束标签

<p>                      段落                      </p> 

元素的开始         元素的内容           元素的结束

(4)HTML的属性

作用:描述HTML的

属性="属性值"

写在开始标记里面,用空格隔开,一个标记可以有多个属性,用空格隔开(不区分前后顺序)

单标记属性写在/前面

(5)HTML的注释

注释给自己看

2.head里面的标签

标签 描述
<head> 定义了文档的信息
<title> 定义了文档的标题
<base> 定义了页面链接标签的默认链接地址
<link> 定义了一个文档和外部资源之间的关系
<meta> 定义了HTML文档中的元数据
<script> 定义了客户端的脚本文件
<style> 定义了HTML文档的样式文件
<meta>标签

(1) 为搜索引擎定义关键字

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

(2) 为网页定义描述内容

<meta name="description" content="免费 Web & 编程 教程">
(3) 定义网页作者
<meta name="author" content="Runoob">
3.HTML常用标签

(1)标题   h1-h6   

双标记   一号最大 递减 6号最小

属性 align 水平对齐方式

取值 left right center

(2)段落   p

双标记

align属性

取值 left right center

(3)强制换行  <br/>

单标记  

没有任何属性

(4)水平线   <hr/>

单标记

属性:color:颜色   width:长度   align:水平对齐方式

(5)图片   <img/> src:路径

相对路径

同一等级 直接写

下一级 /

上一级 ../

上两级 ../../

绝对路径

alt  当图片不能正常显示给予提示

title 鼠标悬停上去给予提示

width 宽 设置一个属性,另外一个等比例缩放

height 高

4.超链接

(1)  href     路径

相对路径

绝对路径

(2) target   跳转的窗口

_self(默认值)   原窗口打开      

_blank                 新窗口打开

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

(3)name   锚点(进行跳转)

同网页跳转

<a href="#text">rfh</a>

<a href="" name="text">zhj</a>

空链接

href="#"

跳转到网页顶部





猜你喜欢

转载自blog.csdn.net/weixin_42152081/article/details/80318997