html学习笔记一

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属性设置网页链接,实现跳转页面。

转载于:https://www.cnblogs.com/ybtest/p/7358523.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值