郑州前端实训1-1代码笔记

1、<!-- 注意点:h1只能出现一次,h1一般用于logo或者非常重要的信息 -->

2、段落标签：<!-- 一定要注意是:结构语义 -->

    <h2>迪丽热巴

        <p>迪丽热巴真是我的女神</p>

    </h2>

    <!-- p标签不允许嵌套块元素 -->

    <p>迪丽热巴

       <h3>最新杂志封面</h3>

    </p>

3、换行br 水平线hr

4、div和span <!-- div和span来说:没有实际的语义 -->

    <!-- 1.div独占一行,span在一行内显示 -->

    <!-- 2.块元素div:可以设置宽高

            行元素span:宽和高不生效 -->

5、 <b>我是加粗</b>

    <strong>我也是加粗</strong>

    <i>我是斜体</i>

    <em>我也是斜体</em>

    <s>删除线</s>

    <del>删除线</del>

    <u>我是下划线</u>

    <!-- insert -->

    <ins>我也是下划线</ins>

 

    <!-- strong em del ins 语义更加的强烈 -->

6、 图片 <!-- src:源文件 -->

    <img src="images/meinv.jpg" alt="刘诗诗" width="300" height="600" title="做客嘉宾">

7、 超链接 <!-- target:_self默认的当前页面打开   _blank:新页面打开 -->

    <a href="http://www.baidu.com" target="_blank">百度走起来</a>

    <a href="09-img图像标签.html">图片</a>

    <!-- 不需要链接用# -->

    <a href="#">标识</a>

8、 锚点定位 <!-- 锚点定位2步走:1:定href内容,2.对暗号:找id -->

    <h2>忆江南</h2>

    <p>江南好，风景旧曾谙。日出江花红胜火，春来江水绿如蓝。能不忆江南？</p>

    <a href="#one">译文</a><br>

    <p id="one">one---译文江南好，我对江南的美丽风景曾经是多么的是多么的熟悉。春天的时候，晨光</p>

9、 icon图标 <title>Document</title>

    <!-- 1.通过link标签 2.通过服务器支持把icon图标放在根目录 -->

    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">

    <!-- 关键词 -->

    <meta name="keywords" content="商城,购买衣服,品牌优惠,秒杀">

    <!-- 网站描述 -->

    <meta name="description" content="我们是一个优秀的品牌折扣网站....">

10、特殊符号   &nbsp;半角空格   全角空格：&emsp;  版权符号 &copy;