HTML
HTML(HyperText Markup Language)就是超文本标记语言。"超文本"就是表示页面内可以包含非文字元素,如:图片、链接、音乐等等。
基础语法
html 结构
1.以head 为 头 (html文档名)
2.body为身子(主要代码内容)
3.结束 结束
语法结构
-
首先第一个写 <
-
第二个写 标签 列如 :a (超链接) br(空格) div(块)
-
标签后面输出要写的内容,可添加属性 如:targe _blank
-
内容和属性 用 = 号连接 ,内容要扩上双引号 " ",语句用 < 结束 一 般>后面是内容
<!DOCTYPE html>
<html lang="en">
<head><!--头 输入 标题名字-->
<meta charset="UTF-8">
<title>标题</title>
</head>
<body><!--身子 输入html主要内容-->
<a href(href属性)="文本内容“<img src(src属性)="引用的内容">文本内容</a>
</body>
</html><!--结束语句-->
a:超链接
<a href="相对路径.html">文本的内容</a>
-
tittle
当鼠标悬停在标签上时候显示的提示字
-
target 打开方式
-
_blank 新页面打开
-
_ self 本页面打开
-
“#” 回到顶部但不刷新
-
src 图像地址
-
alt 当图片无法正常显示,显示提示字
-
width : 宽度 px
-
height :高度
-
border :边框
快捷键
注释快捷键 :ctrl + shift + /
复制语句 : ctrl + d
div 块
1.div介绍
1.正常显示
2.独占一行,前后换行
3 嵌套其他元素,统一管理元素标签,统一设置样式
2.块元素与行内元素
-
元素: 标签+内容
-
块元素:
独占一行,前后换行可以设置宽高
-
行内元素:
可以与其它元素同行显示,宽度由内容撑起来
不可以设置宽高
嵌套其他行内元素或者普通文本 -
元素共有属性:
align 设置块元素中的内容在当前块元素中的对其方式 left 左对齐 默认
right 右对齐
center 剧中对其
justify 两端对齐 多行文本下,两端对齐有效果
-
-