基本语法:
<!--
标记语言中的注释:
-->
<!--
1.html 超文本标记语言
2.<!DOCTYPE html> html文件的版本类型声明
<!DOCTYPE html> ->html5的版本声明
一个html页面中必须在首行存在版本声明
3.<meta charset="UTF-8"> 告诉浏览器使用哪一种字符编码格式来解析我页面中的内容
保证一个文件的编码与解码格式保证统一不会出现乱码
4.html标签的分类:
单标签 |自闭和标签 : 在开始标签的最后结束 <meta charset="UTF-8"/>
双标签 |闭合标签 : 有开始有结束 <title>基础语法</title>
5.标签上可以添加属性
开始标签上空格添加属性
属性名 = '属性值'|"属性值"
作用: 更完善的展示标签的作用
6.标签的嵌套关系:
父标签可以嵌套子标签
-->
常用的标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基础语法</title>
</head>
<body bgcolor="#f03725" background="images/xiaoxin.png">
<!--
常用的标签:
1.<head> 页面的头部设置
给浏览器看的一些设置信息
2.<body> 定义一些给用户看的内容
属性:
bgcolor 背景颜色
background 背景图片
颜色的设置:
1)颜色的英文单词
2)颜色的十六进制值 #+6个字符
3)rgb颜色三原色 rgb(0~255,0~255,0~255)
3.<title> 标题标签
用户能够看到
为与搜索引擎优化有好处
用户收藏为书签的时候,title的内容作为书签名
在一个html必须存在的标签
4.p 标签
段落标签
语义化作用
上下存在一块外边距(css样式),浏览器默认提供
前后换行
5.a标签
超链接标签
属性:
href : 定义连接地址
相对地址
绝对地址 http://www.baidu.com
必填属性
title 当鼠标悬停在内容上时候,显示的提示字
target 打开方式
_self : 原页面打开
_blank : 新页面打开
特点:
存在下划线
连接未访问: 蓝色
连接已访问: 紫色
行内元素
标签的分类:
元素: 标签+内容
行内元素 : 可以和其他元素同行展示
块元素 : 前后换行,独占一行
-->
这是p标签之前:
<p>这是一段文本</p>
这是p标签之后:
<a href="http://www.baidu.com" title="你百度一下,没有解决不了的问题" target="_blank">百度一下你就知道</a> 绝对地址
<a href="yjxxt_html01.html">html01</a> 这个是相对地址
</body>
</html>