HTML5-----学习笔记1
来源:互联网 发布:淘宝手机端发布详情页 编辑:程序博客网 时间:2024/06/10 17:02
HTML简单介绍
HTML:用来介绍描述网页的一种语言;不是一种编程语言,而是一种标记语言,标记语言是一套标记 标签,使用标记标签来描述网页.HTML标签分为单标签和双标签(双标签就是有开始标签和结束标签的标签).例如: `<br />` `<html></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 列表项:litype: square:实心方块 circle:空心圆 disc:实心圆 none:没样式<ul type="square"> <li>第一项</li> <li>第二项</li> <li>第三项</li></ul>
有序列表:ol 列表项:litype:可自行选择是数字开始还是字母开始<ol type="a"> <li>第一项</li> <li>第二项</li> <li>第三项</li></ol>
自定义列表:dl 标题:dt 内容:dd<dl> <dt>中国男篮</dt> <dd>郭艾伦</dd> <dd>易建联</dd> </dl>
0 0
- html5学习笔记1
- html5学习笔记(1)
- HTML5学习笔记<1>
- HTML5学习笔记1
- HTML5-----学习笔记1
- html5学习笔记1
- html5文件学习笔记1
- 学习笔记(1)HTML5
- HTML5学习笔记(1)
- HTML5 学习笔记 (1)
- 20170312 HTML5学习笔记1
- HTML5学习笔记 HTML5基础教程
- Cocos2d-HTML5学习笔记1:初探
- html5学习笔记 1 文档模板
- html5学习笔记 1 文档模板
- HTML5 Canvas KineticJS 学习笔记1
- html5学习笔记1--video标签
- HTML5学习笔记【1】表单的创建
- POJ 2406
- 启动Android系统照相机
- 机器学习(二):线性回归
- LRU缓存介绍与实现 (Java)
- 扩展欧几里德
- HTML5-----学习笔记1
- Linux下gitblit的安装和配置
- Oracle 11G R2 用exp无法导出空表解决方法
- [leetcode]113. Path Sum II -- JavaScript 代码
- 多线程编程学习(001)
- Spark SQL
- mdev的使用以及mdev.conf的规则配置--busybox
- WebService Xml 字符串形式传值
- php jQuery把后台返回的json数据赋值给页面标签