认识HTML
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
HTML的基本结构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>晚风花间寺中人</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
HTML基础结构解析
<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
HTML标签
1. 标题标签<h1> 一级标签 </h1> <h2> 一级标签 </h2> <h3> 一级标签 </h3>.......
2. 段落标签<p> </p>
3. 换行标签<br/>
4. 水平标签<hr/>
5. 字符样式标签:粗体<strong>...</strong> 、<b>...</b> 斜体<em>...</em> 、<i>....</i>
6. 通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。然而,这些标签的含义是不同的:
<b> 与<i> 定义粗体或斜体文本。<strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。
现今所有主要浏览器都能渲染各种效果的字体。不过,未来浏览器可能会支持更好的渲染效果。
7. 字符和特殊样式标签调用方法 :(空格)&;例如:空格 ...>...&it <!--空格,大于号,小于号-->
HTML 元素
HTML属性
属性是 HTML 元素提供的附加信息。
HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现,比如:name=“value”。
图像标签
常见的图片格式:jpg,gif,pvg,bmp…
语法格式:
<img src ="path" alt ="text" title = "text" width ="x" height ="y"/>
img src :图片地址,必填(有绝对地址和相对地址) --/上一级目录
链接标签
语法格式:
<a href = "path" target = "目标窗口位置">l链接文本或图像</a>
target 属性: 定义在何处显示,当前窗口或者新窗口 “-self”、“-blank”