前端开发环境搭建，初识HTML

前端开发环境搭建，初识HTML

一、前端环境搭建

• 安装VScode , Chrome
• 安装VS和Chrome插件

备注

完成练习

二、初识HTML

1.标题和段落

• 页面中看到的内容都是有元素组成的。
• 元素是由标签描述。
• 标签分 单标签 双标签
• 每一个标签元素的特征由属性来描述

<h1>开会通知：</h1>
<p>开会通知：</p>

• 元素是由标签和属性共同描述的

  <female sex="famale" sw="80.90.100">

• html中的所有内容，如果想要添加到HTML文档中，就必须使用一个标签

//JS 代码必须写到一个script标签中

<script>
    const SITE ="Hello World";
</script>

---

<?php
//PHP代码必须放在一对PHP标签中
    echo "Hello World!";
?>

2.链接与锚点

• 链接标签<a></a>标签是当今互联网的灵魂

1.target属性

• 标签的target属性规定在何处打开链接文档

值	描述
_blank	新窗口打开
_self	当前窗口打开
_parent	父窗口打开
_top	整个窗口
iframename	在指定窗口打开

注意：
使用target=”iframename”时，需要注意a标签的target值需要跟iframe内的name属性值相等

2.锚点

• 使用锚点可以实现在当前页面中的任意位置进行跳转
  <a href="#footer">跳转到底部</a>
  //
  <div id="footer" style ="margin-top"></div>
  div通用标签
• 直接用a标签的href值设置为#（id值）

三、图片元素

• 如果我们想要在页面添加一张图片可以使用<img>标签

必要属性:

属性	值	说明
src	URL	图片的URL地址
alt	text	图片的描述信息