常用标签---雀雀老师-程序员宅基地

技术标签: 常用标签简介  前端标签  潭州课堂  

Html 标签充当什么角色?

标签是网页的组成部分.HTML标签是 组成网页的骨架

有的是内容展示;

 

在审查元素功能中,标签全部都处于elements 中体现.

新建HTML文档的两种方法:

1 editplus中新建.

2 直接新建文件,更改后缀名.

网页所有的内容都是在 <body> 标签里写.

双标签:  <body>  <div> ,<style> 等,  90%的标签都是双标签

单标签.  <meta>.

h 标签, 从h1 到 h6 都是有权重的,

h1 权重最高.用在最重要的地方:  主标题  新闻的主标题,  网站的 Log 处. 只能出现一次

. h2 此标题.

H2-h6没有次数使用的限制.

盒子标签 :  布局.

p

p 标签:  段落标签. 会有换行的效果.

不管编辑器中有多少 个空格, 在网页中 只能解析成 一个空格.

 

实例: 

列表标签: ul  li  几个内容或者布局基本类同或者相似的时候是一样的.时候

ul 定义无序列表  ul 和 li  是父子级关系. 之间是不允许存放其他的标签

代码中严格缩进,是必须要遵守的. 可以直接找到父子关系.

标签的默认样式:

默认样式是 很丑的.或者是不符合我们设计需要的.需要清除.我们在<style>标签内写样式.进行编辑.更改.

用 none 来取消 默认样式.

 

还可以将默认设置成方块.

空心圆

 总结:

继承

继承的条件 

有序列表   ol 

li  列表项

效果如下. 数字没有实际的意义.只是展示效果.

不通过css 控制 ,通过属性 , type 来控制

同样是用 none 来取消默认样式.

  ol  和   ul  没有严格的使用限制,但 习惯上都使用,  ul    li  组合.

术语:

dl:  定义

d

t  

dd  

用于 对话的效果. 解释的效果.

朱雀:

     我特别喜欢81期学生.

     你们都是优秀的.

综合展示:

 上面的标签都是 大的架构标签. 还有好多,小的 标签. 合理使用每一种

单独控制一行文字里面的 一些 词组. 用到  span 标签.

在span标签里 书写 style 样式.来控制  

span  赋予样式的标签, 文字特效 标签(如单独变色. 变大) 是最弱的内容标签

p 标签没有换行效果.里面不能添加 换行效果的标签.  会出现错误

 

div 里面是可以存放任意标签的.

倾斜标签 :   i  标签.  充当内容. 

 i  除了倾斜 还可以存放 阿里图标.   可以通过字体大小一样来控制大小.

这样一些 只有 样式,没有其他功效的      纯样式的标签  妖艳的标签好多都弃用了

strong  加粗

em 标签

推荐的部分 强调标签

 

br 标签 换行标签

不利于维护 少用.

hr  标签. 分割线. 标签.  也不要使用了. 在写笔记的是时候可以用一下

img 标签. 单标签. 四要素  

src  路径:  绝对路径     网路绝对/本地绝对

          相对路径

alt  图片的描述

宽度属性

高度属性

   a  标签   非常重要

img 背景图片,  单标签

写作业的时候不要用本地绝对路径. 自己的 C盘和老师的 不同.

 

不同的文件夹内引用图片.需要敲门进入.才能引用.

也可以写:  ./

多层文件夹的时候,多次敲门,一层一层敲.

出门引用

在不同的文件夹内,出门后,再敲门 找到文件夹.

图片的大小,并不由标签属性控制,通过css属性控制. 宽高属性里只写图片的实际大小.

title 属性

作业要求

随堂笔记,仅供复习

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/liliming86575513/article/details/89106822

智能推荐

linux系统更新字体,更换Linux下字体-程序员宅基地

文章浏览阅读1.5k次。我的Linux系统是Ubuntu 14.04,更换完字体之后,Web页面效果是这样的:Shell显示效果是这样的:我采用的字体方案是,Monaco雅黑混合字体下面是具体更换步骤:一、下载安装字体1.1 下载下载 微软雅黑 、 Monaco、Monaco雅黑混合字体 字体,解压后得到三个 .ttf 文件放到 ~/.fonts 文件夹下。1.1 刷新缓存运行fc-cache来更新字体缓存。二、更改系统..._linux font 字体包更新

linux 划分两个VDisk,HP-UNIX.关于LUN,Vdisk,VG,LV,挂载点,设备文件等查询实例描述 -- 转载...-程序员宅基地

文章浏览阅读514次。摘要:总结近期工作中所掌握的部分关于存储与主机的知识点。曾经只是通过定性的文字描述去了解什么是VG,什么是Vdisk,什么是LV…但这里将通过一则查询实例来加深对文字定义的理解!当前任务为,整理HP存储产品EVA3000磁盘阵列柜和若干HP小型机的映射关系。这里将通过EVA3000中commandview结合主机命令工具(bdf、strings、ioscan、vgdisplay、diskinfo..._linux vdisk -l命令详解

mysql的sys删了_误把mysql的数据库删了一个 怎么恢复 大家都还在做项目 我要完蛋了 大神救命啊...-程序员宅基地

文章浏览阅读3.1k次。展开全部每个 DBA 是不是都有过删库的经历?删库了没有备份怎么办?备份恢复后无法启32313133353236313431303231363533e4b893e5b19e31333433626437动服务什么情况?表定义损坏数据无法读取怎么办?我曾遇到某初创互联网企业,因维护人员不规范的备份恢复操作,导致系统表空间文件被初始化,上万张表无法读取,花了数小时才抢救回来。当你发现数据无法读取时,也许..._mysql中sys数据库被删除

内网项目:vue + 百度离线地图 apiv2.0_vue-amap与nginx配置离线地图-程序员宅基地

文章浏览阅读2w次,点赞4次,收藏22次。制作离线地图的步骤:1、用Visual Studio打开项目目录,编译2、将html整个目录复制到BaiduMapTile\bin\Debug下,目录变为:BaiduMapTile\bin\Debug\html3、运行项目,下载瓦片地图,默认会在BaiduMapTile\bin\Debug下创建maptile目录,瓦片地图就保存在这个目录中4、将瓦片地图所在的目录maptile移到Baid..._vue-amap与nginx配置离线地图

Android分享到微信好友、朋友圈_安卓分享到微信朋友圈和微信好友需要调用api吗-程序员宅基地

文章浏览阅读523次。Android分享到微信好友、朋友圈标签: Android开发微信分享2015-11-09 21:41 610人阅读 评论(0) 收藏 举报 分类:Android(9) 版权声明:本文为博主原创文章,未经博主允许不得转载。效果 介绍要实现微信分享,首先请_安卓分享到微信朋友圈和微信好友需要调用api吗

免费百度文库下载工具-程序员宅基地

文章浏览阅读3.4k次。百度文库免费下载工具工具下载地址:http://t.cn/E9IYpte

随便推点

如何使用Stripe和Syncano建立每日确认短信服务-程序员宅基地

文章浏览阅读276次。这篇文章是由赞助Syncano 。 感谢您支持谁使SitePoint可能的赞助商。 Syncano提供了实时应用的基于云的平台。 它存储数据,微服务代码,日程安排用于自动执行代码,用户帐户,网络挂接通过HTTP多以访问这些功能。 他们甚至已经得到的代码片段的开源社区,并支持多种运行环境,包括节点,巨蟒,围棋和Ruby。 从一个开发者角度,Syncano可以更容易获得通过提供大量的,否则你就需..._如何用stripe

MQ和ActiveMQ浅析_activemq和ibmmq的区别-程序员宅基地

文章浏览阅读844次。文章目录什么是JMS MQ消息中间件应用场景**异步通信**缓冲解耦冗余扩展性可恢复性顺序保证**过载保护****数据流处理**常用消息队列(ActiveMQ、RabbitMQ、RocketMQ、Kafka)比较JMS中的一些角色**Broker**providerConsumerp2ppub/subPTP 和 PUB/SUB 简单对QueueTopicConnectionFactoryConnectionDestinationSessionJMS的消息格式JMS消息由以下三部分组成的:TextMessag_activemq和ibmmq的区别

造梦师手记:SDXL更新最勤奋的梦幻模型_dreamshaper模型和sdxl模型的区别-程序员宅基地

文章浏览阅读238次。天道酬勤,这个模型也成为C站下载量最大的SDXL模型之一(当然,距离dreamshaperXL还有不小的差距)。但是,随着拥护者的增多,越来越多的建议得到反馈,就有望成为SDXL时代的顶尖少数几个大模型之一。可以预见的未来,至少在SDXL时代,由于SDXL本身的强大数据集,模型也会出现“马太效应”,会向极少数模型聚集。当然了,如果你能习惯comfyUI,也是非常不错的,这个UI虽然对很多新手界面不太友好,但对系统资源占用较少。短短不到一个月的时间,涌现出大量的模型和LoRA,丰富了我们的创作素材。_dreamshaper模型和sdxl模型的区别

【漏洞复现】Office远程代码执行漏洞(CVE-2017-11882)-程序员宅基地

文章浏览阅读152次。昨晚看到的有复现的文章,一直到今天才去自己复现了一遍,还是例行记录一下。POC:https://github.com/Ridter/CVE-2017-11882/一、简单的生成弹计算器的doc文件。网上看到的改进过的POC,我们直接拿来用,命令如下:#python Command_CVE-2017-11882.py -c "cmd.exe /c calc.exe"..._msf cve-2017-11882 pyj脚本无法下载

android编译自己 内置的jar做法-程序员宅基地

文章浏览阅读100次。1.首先 android.mkLOCAL_PATH := $(call my-dir)# ============================================================include $(CLEAR_VARS)LOCAL_SRC_FILES := java/com/xxx/xxx/xxx.java..._local_dx_flags:= --core-library

@echo off是什么意思_参加CHANEL私享派对是什么体验?Lanvin头一次在中国办大秀??「每周时报」...-程序员宅基地

文章浏览阅读140次。参加CHANEL私享派对是什么体验?一场与CHANEL的秋日约会这周,芭姐受邀参加了CHANEL举办的超治愈ME-TIME“私享时间”主题活动,在专属于自己的时间里,用一种更具仪式感方式享受生活,感受自我。深受大家喜爱的明星们也都闪现到了活动现场,CHANEL品牌形象大使刘雯、刘诗诗、宋茜、陈伟霆、辛芷蕾、林允和演员张钧甯、王一博,分别与CHANEL度过了满满幸福感的时光,想知道明星们如何度过自己..._香奈儿睡衣多少钱

推荐文章

热门文章

相关标签