2019.11.10前端学习

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>我的第一個網頁</title>
</head>

<!-- 1.標籤建議全部小寫 -->
<body>

歡迎訪問我的網頁!
<!-- 屬性用引號引起來 -->
<div class="aa" id="div1"></div>

<!-- 標籤應該閉合 成對標籤應該成對出現,單個標籤在結尾加“ /” -->
<br />

<!-- img標籤加上alt屬性 -->
<img src="images/001.jpg" alt="學習截圖">

&nbsp;<!-- 空格符号 -->

<br />
5&gt;3<!-- 5大于3 -->
<br />
1&lt;2<!-- 1小于2 -->

<span>span标签 行内元素,表示一行中的一小段内容,没有具体的语义</span>

<em>em标签 行内元素,表示语气中的强调词</em>

<i>i标签 行内元素,原本没有语义,w3c强加了语义,表示专业词汇</i>

<b>b标签 行内元素,原本没有语义,w3c强加了语义,表示文档中的关键字或者产品名</b>

<strong>strong标签 行内元素,表示非常重要的内容</strong>

<a href="#"></a> <!--  # 表示链接到页面顶部   -->
<a href="http://www.itcast.cn/" title="跳转的传智播客网站">传智播客</a>
 

定义页面内滚动跳转

<a href="#mao1">标题一</a>
......
......
<h3 id="mao1">跳转到的标题</h3>


<h3>有序列表</h3>
<ol>
<li>學習html</li>
<li>學習css</li>
<li>學習javascript</li>
</ol>

<h3>无序列表</h3>

<ul>
<li><a href="">新聞標題</a></li>
<li><a href="">新聞標題</a></li>
<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>



</body>

</html>

posted @ 2019-11-10 10:40  李俊鹏Python  阅读(111)  评论(0编辑  收藏  举报