html的基本操作和基本标签:标题,有序列表和无序列表等
本文介绍了,一些html的基本操作和基本标签:标题,有序列表和无序列表,段落,超链接,下划线 ,粗体 ,斜体等等,当然其中还介绍了每个标签的相应属性。在使用每个标签时,都会有注释解释,方便理解。
HTML的基本了解
1.HTML的英文全称 Hyper Text Markup Language,即超文本标记语言。
2. HTML不是一种编程语言,而是一种标记语言。
3. HTML包括一系列标签,通过这些标签可以将网络上的文档格式统一,使 分散的Internet资源连接为一个逻辑整体。
4. HTML是用来描述网页的一种语言,浏览器即可读取和显示。
5. HTML文档也叫做 web 页面。
6. HTML语言是解释型语言,不是编译型浏览器是容错的。
测试代码
<!--html页面中由一对标签组成:<html></html>--><!--<html> 称之为 开始标签--><!--</html>称之为 结束标签-->
<html><head><!-- title 表示网页的标题--><title>第一个网页</title><!-- 可以在meta标签中设置编码方式--><meta charset="UTF-8"></head><!-- span 不换行的块标记--><span>桃园</span>,三结义。<!-- <br/>表示换行 。br标签是一个单标签。单标签:开始标签和结束标签是同一个,斜杠放在单词后面-->HELLO WORLD!<br/>你好,世界!<br/><!--p 表示段落标签--><p>这里是一个段落</p><p>这里是第二个段落</p><!--img 标签图片标签src属性表示图片文件的路径width和height表示图片的大小alt表示图片找不到的提示title表示光标停留在图片上所显示的文字路径的问题:1. 相对路径:代码的文件夹有一个img目录,目录里面有图片1.jpg2. 绝对路径--><img src="img/1.jpg" width="400" height="200" alt="图片找不到啦。。。" title="这是一张图片(相对路径)"/><br/><br/><img src="E:\图片集合\壁纸\6.jpg" width="400" height="200" alt="图片找不到啦。。。" title="这是一张图片(绝对路径)"/><!-- h1~h6 : 标题标签 --><h1>标题一</h1><h2>标题二</h2><h3>标题三</h3><h4>标题四</h4><h5>标题五</h5><h6>标题六</h6><!-- 列表标签:--><!-- ol 有序列表--><!--start 表示从第几个开始,type 显示的类型:A a I i 1(默认)如下,就是A,B,C,D.... 因为start等于二所以从B开始--><!-- ul 无序列表-->王者荣耀排行榜(有序列表):<ol type="A" start="2"><li>李白</li><li>荆轲</li><li>公孙离</li><li>典韦</li><li>孙尚香</li></ol><!-- type disc(default) 实心圆 , circle 空心圆 , square 正方形-->人员名单(无序列表):<ul type="square"><li>王二</li><li>张三</li><li>麻子</li><li>刘三</li></ul><!-- u 下划线 b 粗体 i 斜体-->你是<b><i><u>练习了</u></i></b><b>两年半</b>的<i>篮球</i><u>吗</u>?<br/><!-- 上标 sup 下标 sub-->三氧化二铁的化学式: Fe<sub>2</sub>O<sub>3</sub><br/>一个指数: 5<sup>2</sup><br/><!-- HTML中的实体: 小于号 < 大于号 >;小于等于号 &le;大于等于号 ≥ 版权 © 注册商标 ® 空格 -->5<1010>55≤1010≥5<br/>注册商标 ®版权符号 ©<!-- a 表示超链接--><!-- href 链接的地址--><!-- target:--><!-- _self 在本窗口打开--><!-- _blank 在一个新窗口打开--><!-- _parent 在父窗口打开--><!-- _top 在顶层窗口打开--><a href="http://www.baidu.com" target="_blank">百度一下</a></body>
</html>
测试结果
html的基本操作和基本标签:标题,有序列表和无序列表等相关推荐
- 有序列表和无序列表的不同类型
大家可曾想过有序列表和无序列表除了默认类型,是否还有其它的类型呢? 虽然不常用,但也做了一篇总结给大家做参考. 无序列表 UL (unorder list的缩写) 定义:无序列表是一个项目的列表,此列 ...
- 有序列表跟无序列表的嵌套
<!DOCTYPE html> <html lang="zh-cn"> <head><meta charset="utf-8&q ...
- 有序列表、无序列表、定义列表
有序列表.无序列表.定义列表 三种列表标签和语义 标签 语义 <u1></u1> 无序列表 <o1></o1> 有序列表 <d1></ ...
- draft.js_如何使用快捷方式在Draft.js中创建有序列表和无序列表
draft.js by Andrey Semin 通过安德烈·塞米(Andrey Semin) 如何使用快捷方式在Draft.js中创建有序列表和无序列表 (How to create ordered ...
- 有序列表、无序列表、自定义列表
有序列表.无序列表.自定义列表 1.有序列表 <!--有序列表--><ol type="A" start="3"><li>有 ...
- HTML标签的基本使用:无序列表、有序列表、定义列表
无序列表.有序列表.定义列表 列表是由一组标签组成 一.无序列表 没有顺序的列表结构 由ul和li标签组成 ul:unordered list(无序列表) li:list item(列表项) < ...
- html标签(2)--有序列表与无序列表
有一些内容形式,用div来实现非常麻烦,也不适合 例如一些表格形式 无序列表 ul 代表列表 li 代表列表中的项 list-style 控制列表的样式 有序列表 ol 代表列表 li 代表列表中的项 ...
- HTML 列表标签、有序列表、无序列表、自定义列表dl dt dd
文章目录 有序列表 无序列表 自定义列表(重点) 总结 有序列表 有序列表即为有排列顺序的列表,其各个列表项会按照-定的顺序排列定义. 在HTML标签中, 标签用于定义有序列表,列表排序以数字来显示, ...
- HTML的有序列表和无序列表
HTML的列表是将内容按照一定的顺序显示在页面中,当然有的时候内容前面有编号,有的时候内容前面没有编号,有编号的称为有序列表,无编号的称为无序列表,分别由标签<ol></ol> ...
最新文章
- Python 之列表及相关练习题
- C语言标准数学函数库math.h之常用函数介绍
- 解决文字与下划线重叠的问题
- 投资学习网课笔记(part10)--基金第十课
- 【渝粤题库】广东开放大学 公共部门人力资源管理 形成性考核
- VS2015上配置opencv2.4.11
- kettle优化抽取数据速度_Kettle性能优化
- vmWare中安装centos7
- Session基础知识
- Office 365 Connectors 的使用与自定义开发
- ACM投稿ccs concepts查询The ACM Computing Classification System
- PDF旋转后保存,打开为什么还是旋转前的方向?
- error: undefined reference to __write_chk错误
- 【sql: 每天进步一点点】sql 中的 LIKE 用法
- html中背景条纹效果,css3 条纹背景滚动效果
- 这款 SQL自动检查神器,吊炸天的功能,真TMD多!!
- NGS数据过滤之trimmomatic
- 解决intelij idea中文输入法候选框不跟随光标问题
- 超说网络NO.2 | 深入了解计算机网络:网络边缘、网络核心、接入网和物理媒体
- 利用背面剔除提高OpenGL的渲染效率的学习分享
热门文章
- 手机计算机应用的图片,比商务本携带还方便 高配电脑竟藏在手机里
- 支付宝二面:使用 try-catch 捕获异常会影响性能吗?90%都会答错
- UVA 10586(多项式相除取余)
- 星起航:抖音电商搜索流量至关重要
- excel 2007 直方图 条图 黑白 条纹填充
- shell folders_Text2Folders是一个简单的批处理文件夹制作器
- 转 树莓派使用标准PC104键盘 设置
- 小米8android p怎么样,小米8推安卓P稳定版更新,官方称拍照升级为全球前三
- 从数据标注角度看自动驾驶,到底是谁在误导消费者?
- 平台设备正常运行过程中导致异常关机的Vbat电压门限有哪些?