您的位置：首页 > Web前端 > HTML5

HTML5-----学习笔记1

2016-08-20 16:59 148 查看

HTML:用来介绍描述网页的一种语言;不是一种编程语言,而是一种标记语言,标记语言是一套标记
标签,使用标记标签来描述网页.

HTML标签分为单标签和双标签(双标签就是有开始标签和结束标签的标签).
例如: `<br />`   `<html></html>`

<!DOCTYPE Html>文档声明:说明使用的html的版本

<html>(双标签):主体标签

<head>(双标签):里面的内容是给浏览器看的,比如标题,搜索引擎关键字

<meta charset="utf-8" />(单标签):说明浏览器的编码格式

<body>(双标签):网页的主体部分,大多数代码写在这里

<h1-h6>(双标签):标题标签
<h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>

<p>(双标签):段落标签,写在这的内容自成一段

<br />(单标签):换行标签

<b>(双标签):加粗字体

<i>(双标签):倾斜字体

<u>(双标签):下划线

<s>(双标签):删除线

<sup>(双标签):上标

<sub>(双标签):下标

<strong>(双标签):加强语气,加粗

<em>(双标签):加强语气,倾斜

<hr width="80%" noshade="noshade" align="left" color="yellow"/>
<hr />(单标签):带一条直线的换行符
width:宽度
noshade:加粗
align:对齐方式(默认center)
color:颜色

<img src="img/1.jpg" alt="我是图片" />
加载图片
src:图像文件的URL,也是引用该图像文件的绝对路径或相对路径
alt:占位文字,当图片未加载出来的时候显示

<a href="http://www.baidu.com" target="_blank">百度一下</a>
a标签:超链接
href:链接的目标
target="_blank":在新窗口打开
target="_self":在本身窗口打来

<pre>(双标签):显示源代码中的效果

   空格

©  版权号

®   注册商标

"  双引号

&   取地址符

>    大于号

<    小于号

<div>(双标签):将页面分块,模块化

无序列表:ul 列表项:li
type:   square:实心方块
circle:空心圆
disc:实心圆
none:没样式
<ul type="square">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>

有序列表:ol 列表项:li
type:可自行选择是数字开始还是字母开始
<ol type="a">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>

自定义列表:dl    标题:dt   内容:dd
<dl>
<dt>中国男篮</dt>
<dd>郭艾伦</dd>
<dd>易建联</dd>
</dl>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html

相关文章推荐

新的分享

章节导航