前端 学习笔记day47 其他标签
1. 其他标签
标签的属性都是属性名=属性值的形式;
每一个标签都有 三个基本属性 id="" (表示该标签的唯一标识,不能重复) class="" style="";
<b>加粗</b> -- 对内容加粗;
<i>斜体</i> -- 斜体;
<u>下划线</u> 给内容加上下划线;
<s>删除线</s> 对内容添加删除线;
<hr> 水平分割线;
<p>段落内容</p> 一般用于标题下面的段落内容;
<br> 换行标签;
一些特殊的符号表示:
小于号<: < (是有分号的~)
大于号>:>
$ : ¥
¥: &
版权R :®
注册商标C:©
空格:
2. <div>文字内容</div> VS <span>文字内容</span>
两者都是用来显示文字内容的,但是div标签是块级标签,而span是行内标签(内联标签):
<! DOCTYPE html> <html><head><meta charset="utf-8"><title>Welcome!</title><script>alert("这是一个弹框!")</script></head><body><div>div标签</div> <!--会显示换行--><div>div标签</div><span>span标签</span> <!--不会显示换行--><span>span标签</span><div>1<2</div> <!--小于号--><div>1>2</div><span>& ¥</span> <!--依次是$ 空格(3个) ¥--><h1>海燕</h1><p>我是一只孤独的海燕</p> <!--p标签是标题下面的段落--><p>在苍茫的大海上飘来飘去</p><p>风里来雨里去</p><p>可是我并不畏惧</p><p>啊 我可是一只坚强的海燕啊!</p></body> </html>
运行结果:
标签的分类:可以分为块级标签 (占多行)内联(行内)标签(只占一行)
块级标签: <h1> </h1> <hr> )(水平线)<div></div>;
行内标签:<a></a> <img> <u></u> <b></b> <i></i> <s></s> <span></span>
注意 :
1. 行内标签不可以嵌套块级标签;
2. 部分块级标签如<p></p>标签不可以嵌套块级标签;
转载于:https://www.cnblogs.com/xuanxuanlove/p/10002340.html
前端 学习笔记day47 其他标签相关推荐
- 前端学习笔记day01 html 标签之音频 embed+audio+video
1. embed标签 有时候视频很大,我们不直接从本地导入到html中,而是从优酷上直接复制html代码 即可: 2. 如果是一些小的视频文件 可以借助video标签 2.1 <video sr ...
- 2013年7月28日web前端学习笔记-------head相关标签应用
7月份快过完了.趁周日写写学过觉得有用的东西. 1.缩略图的展示问题,不要以为缩略图设置了width,height,就是缩略图了.比如一个300kb的500*500原始图片,用户请求web服务器后,展 ...
- 前端学习笔记-html-列表标签
列表标签 容器里面装载着文字或图表的一种形式,叫列表. 列表最大的特点就是 整齐 .整洁. 有序 无序列表 ul (重点) 无序列表的各个列表项之间没有顺序级别之分,是并列的.其基本语法格式如下: & ...
- 2017-2-15从0开始前端学习笔记(HTML)-图片-表格-表单
2017-2-15从0开始前端学习笔记-图片-表格-表单 标签 图片 图片<img src="#" alt="文本说明 不能加载图片时显示" title= ...
- 前端学习笔记:省市区三级联动
前端学习笔记:省市区三级联动 一.数据库 sql表是自关联的表. 表名:province_city_district 字段: id:区域自身的id pid:区域的父级id name:区域自身的名字 二 ...
- 前端学习笔记之CSS3基础语法与盒模型(二)
前端学习笔记之 CSS3基础语法与盒模型 CSS3简介 CSS(cascading style sheet,层叠式样式表)是用来给HTML标签添加样式的语言 CSS3是CSS的最新版本,增加了大量的样 ...
- HTML+CSS学习笔记(2) - 认识标签(1)转载
HTML+CSS学习笔记(2) - 认识标签(1) 1.语义化,让你的网页更好的被搜索引擎理解 http://www.cnblogs.com/wanglongshuai/p/5204070.html@ ...
- CSS学习笔记-04 a标签-导航练习
个人练习,各位大神勿笑 .. <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
- 前端学习笔记:Bootstrap框架入门
前端学习笔记:Bootstrap框架入门 一.Bootstrap概述 1.基本信息 Bootstrap,来自 Twitter,是目前很受欢迎的前端框架.Bootstrap 是基于 HTML.CSS. ...
最新文章
- 单目视觉里程计性能估计
- SPU表管理之查询获取SPU表列表数据
- R语言散点图可视化:自定义标题和标签、拟合回归线、lowess为散点图添加平滑拟合线、修改散点图中点颜色和点符号、分组散点图、添加图例、pairs可视化散点图矩阵、ggplt2可视化、lattice
- 新海诚没有参与制作的作品_下列哪部作品新海诚没有参与制作
- windows下配置java
- HDU 5115 Dire Wolf
- 音视频技术开发周刊(第120期)
- arduino 休眠 节能_Arduino低功耗掉电模式看门狗唤醒
- ubuntu虚拟机和主机互ping及secureCRT使用
- 未来计算机的展望800字,展望作文800字【精选】
- 批量生产insert 或者update语句
- vbs 窗体文字获取文档_MDI类型窗体设置背景图片
- 查询计算机系统安装日期,windows10系统查询系统安装日期方法介绍
- 单例模式和内部类的初步认识
- nfc修改饭卡软件下载_手机nfc模拟门禁卡app-NFC卡模拟软件中文版下载安卓标准版-西西软件下载...
- 2021年10月国产数据库大事记-墨天轮
- python wechat_wechat-sdk
- C语言中从字符串中提取数字
- 什么是SAP的统驭科目
- 忘记apusic应用服务器web控制台admin密码怎么办?
热门文章
- php fpm子进程数配置,php-fpm进程管理方式以及子进程数量配置原则详解
- html访问时sessionid变,传统Session跨域导致的Sessionid不一致问题解决方案
- nuxt页面跳转_还不会Nuxt.js的速进!
- transformers Preprocessing data
- Web Audio API
- Web_audio_spatialization_basics
- psql json操作符合函数
- Linux 词典安装
- Numpy Statistics 统计函数
- css3光束_html+css3实现3d光线照射文字特效