码迷,mamicode.com
首页 > 其他好文 > 详细

2019.11.10前端学习

时间:2019-11-10 11:50:03      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:专业   har   行内元素   doc   有序列表   滚动   utf-8   nbsp   符号   

<!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>

2019.11.10前端学习

标签:专业   har   行内元素   doc   有序列表   滚动   utf-8   nbsp   符号   

原文地址:https://www.cnblogs.com/lishuide/p/11829129.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!