初识HTML

网站开发包括:前端部分(html标签、css、js),后台部分以及数据库。
HTML是专门用来描述文件的语义的,是超文本标记语言,而不是一种编程语言;
HTML文档相当于网页,包含HTML标签和纯文本。
<head>标签:
head标签内容不会显示给用户看,是为了服务器解析需要。一个网页里只能有一个head、html和body
<body>标签:
body里的内容会呈现给用户,所以,一定要把想要展示的内容放在body标签里面。
DTD文档声明:
因为html有很多版本的规范,每个版本之间又有所不同,为了浏览器能够正确解析内容,需要声明文档类型。
现在常用的html5的文档声明格式为<!doctype html>,同时具有兼容性。
DTD文档声明必须写在html第一行,不区分字母大小,不是一个标签。
<br/>为换行单标签;
上标签的表示方法:p<sup>2;
下标签的表示方法:p<sub>2;
pre标签为预定义文本标签,可保留空格和换行符;
abbr为缩写说明标签;
acronym为首字母缩写标签;
blockquote定义长的引用,浏览器会插入换行和外边距;q定义短的引用,无特殊呈现。
base元素为页面上的所有链接规定默认地址或目标。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="html标签练习">
<meta name="description" content="html标签练习">
<title>html的所有使用练习</title>
</head>

<body>
<h1><b>前端开发</b></h1>
<h2><i>前端开发</i></h2>
<h3>前端开发</h3>
<h4>前端开发</h4>
<h5>前端开发</h5>
<h6>前端开发</h6><!--hn标签中最多只能到6,h最大,h最小-->
<p>我喜欢<br/>dreamweaver<sup>2</sup></p>
<!--列表可设置typle更改相关属性-->
<hr/>
	<ol>
  
		<li>我喜欢的水果:
        <ul>
        	<li>香蕉</li>
        	<li>芒果</li>
        	<li>苹果</li>
        </ul>
        </li>
		<li>我喜欢的食物:
        <ul>
        	<li>糖醋鱼</li>
        	<li>烧茄子</li>
        	<li>煎鸡蛋</li>
        </ul></li>
		<li>我喜欢的运动:
        <ul>
        	<li>跑步</li>
        	<li>爬山</li>
        	<li>跳绳</li>
        </ul></li>
	</ol>
    <ul><dt>为什么我的眼里常含泪水?
    </dt>
    <dd>因为我对这土地爱得深沉!
    </dd>
    </ul>
<!--预定义文本标签-->
<pre>做人应该有    自知之明,
我  深知如此,却还是 <a href="#">  犯了错</a></pre>
<a href="练习.html"><img src="image/演示文稿1.jpg" width="720" height="1040" alt=""/></a>
<!--缩写说明标签--><abbr title="wangyi ">WY</abbr>
<!--首字母缩写说明标签--><br/><acronym title="world wide web">WWW</acronym><!--缩写说明标签为内联敛标签-->
<!--table标签--><table 
border="1">
<th align="center">课程表</th>
<tr><td>周一</td>
<td>周二</td>
<td>周三</td>
<td>周四</td>
<td>周五</td>
</tr>
<tr><td>语文</td>
<td>英语</td>
<td>数学</td>
<td>体育</td>
<td>美术</td>
</tr>
</table>
<!--长的引用-->入党誓词<blockquote>我志愿加入中国共产党,拥护党的章程......</blockquote>
<!--短的引用-->入党誓词<q>我志愿加入中国共产党,拥护党的章程......</q>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值