html笔记1

第一章

1.编写html步骤

  第一步:新建一个记事本(以.html结尾)

  第二步:右击选择打开方式为文本文档

  第三步:编写内容

        <html>

         <head></head>

         <body>

          hello html!

         </body>

        <ml>

  第四步:用浏览器打开查看内容

2.html的基本结构

  <html>

    <head></head>

    <body></body>

  <ml>

3.html的打开方式

 

第一种:用浏览器打开(浏览方式)

第二种:用文本编辑器打开(编辑方式)

4.标题标签

  <title></title>//标题

5.meta标签

  <meta charset="utf-8"/>//设置网页的字符编码

  <meta name="keywords" content="内容/">关键词

  <meta name="description" content="内容"/>//网页描述

6h标签

  <h1></h1>

  <h2></h2>

  <h3></h3>

  <h4></h4>

  <h5></h5>

  <h6></h6>

注意:h标签只有h1到h6 并且h1最大依次减小

7.段落标签

  <p></p>

8.换行标签

  <br/>

9.水平线标签

  <hr/>

10.字体样式标签

  加粗<strong><>

  斜体<em></em>

11.特殊

空格 &nbsp;

大于 &gt

小于 &lt

双引号 &quot

版权符号 &copy

<!--被注释的内容--> 用途:解释代码  当前代码可能现在用不到,可能以后用得到

12.图片标签

  <img src="图片地址" alt=“当前图片找不到时提示的文字” title=“当鼠标放在图片上时显示的文字” widht=“图片宽度” height=“图片高度”/>

13.a标签(超链接)

  <a href=“跳转的路径” target=“目标窗口”></a>

  注意:target的常用值:—self(表示当前窗口)

             —blank(表示新窗口)

  锚链接的使用步骤

        第一步:定义描点<a name=“名字”>锚点</a>

        第二步:定义链接<a href=“#锚点名”>链接</p>

注意:#可以看出当前页面 锚点名:表示要跳转到指定的描点位置(就是锚点时,name的属性值)

  功能性链接<a href=“mailto:邮箱地址”></a>

posted @ 2017-10-23 10:01  皮皮仙  阅读(125)  评论(0)    收藏  举报