<前端>html

'''
<!DOCTPYE html> #文档类型 html
<html lang="en">   #文档语言
<head>             #网页头文件
    <meta charset="UTF-8"> #编码方式
    <title>网页标题</title>
</head>
<body>  #网页显示的内容全在body里面
<h1 id="biaoti001">一级标题</h1>    #加id 方便链接跳转
<h2>一级标题</h2>
<h3>一级标题</h3>
<h4>一级标题</h4>
<h5>一级标题</h5>
<h6>一级标题</h6>
<p>段落,小tips:段落之间不是紧密连接的</p>
<br />  #换行
&nbsp   #空格
&lt     #less then 小于号<
&lt     #greater then 大于号>
<div>表示块,跟段落不一样,块之间没有空隙</div>
<span>表示行内元素,一行中的一小块内容</span>
<em>强调词,自身是斜体</em>
<i>本来没有语气,表示专业词汇,也是斜体</i>
<b>加粗,文档中的关键词或产品名称</b>
<strong>加粗,表示非常重要的内容</strong>
    <h3>有序列表</h3>
    <ol>
        <li>第一</li>
        <li>第二</li>
        <li>第三</li>
    </ol>
    <h3>无序列表</h3>
    <ul>
        <li><a href="#">无序一</a></li>
        <li><a href="#">无序二</a></li>
        <li><a href="#">无序三</a></li>
    </ul>

            <h3>定义列名</h3>
    <dl>
        <dt>html</dt>   #定义术语的题目
        <dd>页面的结构</dd>  #术语的解释
        <dt>css</dt>
        <dd>页面的表现</dd>
        <dt>JavaScript</dt>
        <dd>负责页面的行为</dd>
    </dl>

<img src="./images/resume.jpg" alt="图片">    #相对路径./同级目录 ../上级目录 alt是定义加载失败显示的名字
<a href = "#"></a>  #表示链接到页面顶部
<a href="http://www.baidu.com/" title="百度">百度</a> #依次是链接的域名 鼠标移动到此显示名字  链接在你的网页显示的名字
<a href="2.html" title="测试页面" target="_blank">2</a> #当然可以链接你自己的网页 target重新开一个选项卡进行链接
<a href="http://www.baidu.com/" title="百度"><img src="./images/resume.jpg" alt="图片"></a>   #将图片作为链接
<a href="#">当不知道链接的时候加一个缺省值</a> #链接到页面顶部
<a href="javascript:;">当不知道链接的时候加一个缺省值</a> #啥也不干
<a href="#biaoti01">跳转到标题</a>   #页面内部跳转
</body>
</html> #呼应最开始
'''

  

posted @ 2019-03-01 22:20  水墨黑  阅读(197)  评论(0编辑  收藏  举报