首页 > Web开发 > 详细

html学习笔记一

时间:2017-08-14 20:51:32      阅读:219      评论:0      收藏:0      [点我收藏+]

html网页结构

<!DOCTYPE html> 版本申明

<html> 

<head></head>头部标签

<body></body>主体内容标签

</html>

html标签大多成对出现

常用标签学习:

<p></p>段落标签  使用效果:显示一段文字,不能分段,能空格,但只能空一个字符位置。

<pre></pre>预格式文本 使用效果:显示多段文字,能分多段,能空多格。

&nbsp; 空格标签 使用效果:一个标签代表一个空格,能在<p>标签中使用

<hr/>水平线标签(单标签) 使用效果:显示一条水平线,可根据color、width、size、align属性设置外观(老师说所有能设置更改标签外观的属性都不用去设置,统一在css中设置)。

<h1></h1>......<h6></h6> 标题标签 使用效果:字体大小的变化h1最大,h6最小(老师说设置这个标签比其他普通标签有权重加分,易被收录)。

<b></b> 字体加粗

<u></u>字体加下划线

<s></s>字体加删除线

<sub></sub>下标 <sup></sup>上标 用途:一般用于数学公式

<ol><li></li></ol> 有序列表 使用效果:使数据按照一定顺序排列,可根据type属性更改以什么方式排列(可嵌套无序列表使用)。

<ul><li></li></ul> 无序列表 使用效果:数据排列没有顺序(可嵌套使用)。

<dl> 定义列表 使用效果跟有序列表和无序列表类似(老师说虽然效果看着差不多,但是<dl>更具有语义化)。

  <dt></dt>需要定义说明的项目

  <dd></dd>对项目进行描述

</dl>

<table> 表格 使用效果:在网页中插入一张表格,可通过,<tr><td>来增加行列(老师说也可以用来布局做框架,但现在通常用<div>)。

  <tr><td></td><td></td></tr>三行两列,其中<td>有colspan跨列和rowspan跨行属性。

  <tr><td></td><td></td></tr>

  <tr><td></td><td></td></tr>

</table>

<a></a> 超链接标签 使用效果:通过href属性设置网页链接,实现跳转页面。

html学习笔记一

原文:http://www.cnblogs.com/ybtest/p/7358523.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!