1.htm文件结构:
固定的文件结构:
<html>
<head>...</head?
<body>...</body>
</html>
html文件的标签:<>开始标签,</>结束标签
- < html>:根标记,一个html文件只能有一个跟标记,用来告诉浏览器这是一个html的文档,< html>表示文件的开始,< /html>是文件的结束
- < head>:标记,表示html文件的头部信息,用来封装其他位于文档头部的标记,一个html文件只能有一对head标记,且< head>中的内容一般是不显示的
- < title>:用于定义HTML页面的标题,位于< head>之内,常见的形式:
<title>网页名称</title>
- < body>是网页的所有的内容信息都要在这里,并且< body>必须在< head>之后,< /html>之前
2.html文件的元素:
指的是标签内部的东西,一般用< p>与< /p>来表示一个段落
3.html属性:
属性提供了有关html元素更多的信息,属性总是以名字/值的成对出现,也就是name:"value"。属性需要再开始标签中规定。例如:
<a href ="https://www.shiyanlou.com">实验楼</a>
4.html样式:
通过style属性来设置HTML的样式,因为是要现实的,而head中的一般都没有显示,所以是要在body中的,例如:
//HTML样式-背景颜色
<html>
<body>
<p style="background_color:red">实验楼</p>
</body>
</html>
//HTML样式-字体、颜色和尺寸
<html>
<body>
<p style="front-famliy:arial;color:green:front-size:50px;">实验楼</p>
</body>
</html>
//HTML样式-文本对齐
<html>
<body>
<h1 style="test.align:center">实验楼</p>
</body>
</html>
5、HTML链接:
有两种使用< a>标签的方法来创建链接:
- 通过使用href属性-创建指向另一个文档的链接
- 使用name属性-创建文档内的书签
- 当暂时没有链接的目标的时候将href属性值定位“#”,那么该链接目前就是一个空链接
实例:
- 使用href:
<a href="https://www.shiyanlou.com">实验楼</a>
- 使用name:
- 使用<a href="#id名”>链接文本< /a> 创建链接文本
- 使用相应的id标注跳转的目标
实例:
<html>
<body>
<p>
<a href="#winter">查看冬天。</a>
</p>
<h2>春</h2>
<p>万物复苏</p>
<h2>夏</h2>
<p>夏日</p>
<h2><a name="winter">冬</a></h2>
<p>白雪皑皑</p>
< a>标签的另一个属性:target属性:用来指定链接打开的方式,_self在当前的窗口打开,_blank则是新的窗口打开,默认的是_self
例如:
<a href="https://www.shiyanlou.com" target="_blnak">实验楼</a>