码迷,mamicode.com
首页 > Web开发 > 详细

html学习笔记一

时间:2017-08-14 21:17:32      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:内容   收录   笔记   项目   tab   空格   链接   href   实现   

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学习笔记一

标签:内容   收录   笔记   项目   tab   空格   链接   href   实现   

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

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