今天要强调的重点是分析把握好HTML标签的两个方面:

1.标签的用途(用途指的是用来干什么,有什么作用)在专业术语叫作 语义化。

举个列子:<br/> 换行的作用 见了它就明白它的语义就是要换行了

2.标签在浏览器中的默认样式

这两点慢慢积累总结。

对刚做的task1—1任务进行分析总结

1、<hr /> 适用于区分段落的 错误是将逻辑分块了 这里应该用<div></div>标签 进行模块划分 以及嵌套问题

一个网页实际就是各个模块组合而成,在制作一个网页时先分析好模块的划分问题,一列分布式,二列分布式,三列分布式以及混合分布式

2、对于文章的作者,发布时间 应该用

<p>

<span>文章作者</span>

<span>发布时间</span>

</p>

3、不建议为了效果而乱用HTML标签,例如<u> 加下划线  其实用css样式的underline就可以实现

4、HTML,CSS,JavaScript的区别联系

(1)HTML 是网页内容的载体 ,就是直接让浏览者看到的东西。 ———这就是组成Web标准的结构部分

(2)CSS样式是表现,对内容进行加工 ,例如对字体的大小颜色进行设定。———这就是组成Web标准的表现部分

(3)JavaScript是用来实现网页的上的特效效果。———这就是组成Web标准的行为部分

【PS: Web标准是由一系列标准的集合】

5、这两天看了点CSS,强调下表现和结构要分离

——什么时候加HTML标签来实现结构问题

——什么时候加CSS样式来实现表现问题

转载于:https://www.cnblogs.com/lanyiming/p/5294135.html

No.2小白的HTML+CSS心得篇相关推荐

  1. vue2+vue3小白零基础教程—vue2篇,全网2021最详细教程

    vue教程 提示:Vue3系列请参考Vue2+Vue3小白零基础教程-vue3篇文章,本文为vue2篇. 1. Vue核心 1.1 Vue简介 1.1.1 Vue是什么 一套用于构建用户界面的渐进式J ...

  2. 笔记本蓝牙显示输入码无效_小白笔记本连接蓝牙设备进阶篇

    小白笔记本连接蓝牙设备进阶篇 小白笔记本连接蓝牙,打开电脑蓝牙搜索外接蓝牙设备譬如耳机一般就能搜索到进行匹配即可.当然也会遇到怎么搜都搜不到,是不是瞬间有了想砸掉电脑的冲动,有木有,有木有...... ...

  3. 前端面试题汇总(css基础篇)

    前端面试题汇总(css基础篇) 1 css sprite是什么,有什么优缺点 概念:将多个⼩图⽚拼接到⼀个图⽚中. 通过 background-position 和元素尺⼨调节需 要显示的背景图案. ...

  4. 相机无线传输到服务器,A7R4心得 篇一:SONY相机无线传输备份照片到群晖NAS介绍和设置教程 支持A9、A7R3和A7R4微单...

    A7R4心得 篇一:SONY相机无线传输备份照片到群晖NAS介绍和设置教程 支持A9.A7R3和A7R4微单 2020-06-06 21:45:06 38点赞 224收藏 33评论 如今SONY发布的 ...

  5. Java从小白到大牛第1篇 Java基础-关东升-专题视频课程

    Java从小白到大牛第1篇 Java基础-3042人已学习 课程介绍         本视频是智捷课堂推出的一套"Java语言学习立体教程"的视频第一部分,读者以及观看群是初级小白 ...

  6. 人工智能小白日记之2准备篇

    人工智能小白日记之2准备篇 关于人工智能应用 1.如何开动? 2.关于python 3.关于TensorFlow 关于人工智能应用 应用应用,就是拿来用的,重点在于使用.人工智能科学家做的是研究,研究 ...

  7. mac备忘录同步android,IOS技巧心得 篇五:iOS备忘录,可实现全平台实时同步,iPhone ipad PC...

    IOS技巧心得 篇五:iOS备忘录,可实现全平台实时同步,iPhone ipad PC 2020-01-20 17:47:28 11点赞 54收藏 16评论 前言: 由于生活中越来越多的手机.平板电脑 ...

  8. 深度学习小白入门教程-基础环境篇

    深度学习小白入门教程-基础环境篇 如有图片显示失败,请回小主主页查看~ Anaconda 安装包下载方式一:官网(科学上网比较慢,不推荐) 安装包下载方式二:清华镜像(推荐) 具体安装步骤(跟着箭头来 ...

  9. 【前端学习之HTMLCSS进阶篇】-- CSS第一篇 -- @规则与web字体图标

    [前端学习之HTML&CSS进阶篇]- CSS第一篇 - @规则与web字体图标 文章目录 [前端学习之HTML&CSS进阶篇]- CSS第一篇 - @规则与web字体图标 前言 一. ...

  10. Java从小白到大牛第4篇项目实战视频课程2——Java版QQ-关东升-专题视频课程

    Java从小白到大牛第4篇项目实战视频课程2--Java版QQ-1778人已学习 课程介绍         本项目是Java SE技术实现的QQ2006聊天工具,所涉及到的知识点:Java面向对象.L ...

最新文章

  1. perl 取出目录中的所有文件并存入文件中
  2. 如何搭建modem编译环境
  3. Python获取当前脚本绝对路径
  4. 区域显示触发_高科技产业园发展 带动海淀永丰区域价值提升
  5. php通过ajax下载文件,通过ajax调用php下载文件
  6. qt如何实现backspace的功能_如何实现知识星球列表拖拽功能
  7. dataframe合并两个表_Pandas 数据处理 | 怎么对多个数据表合并,你了解么?
  8. labelimg如何调整框的颜色_PS学习之旅:如何更好调整画面明暗?明度、色阶详细介绍,收藏...
  9. 工厂设计模式(Factory Pattern)
  10. 8086的总线操作顺序
  11. python三维可视化:配置tvtk
  12. 罗技Lua脚本-CF神圣爆裂者自动开枪
  13. 程序员如何创建自己的网站
  14. react中使用swiper
  15. Xmind2021安装激活破解
  16. macbook配置java环境变量_Mac系统中如何配置JDK环境变量?Mac中JDK环境变量配置教程...
  17. error: command ‘D:\\Program Files (x86)\\Microsoft Visual Studio 14.0\\VC\\BIN\\x86_amd64\\cl.exe‘ f
  18. 如何利用线性回归来建立收入预测模型?
  19. uniapp uview 1.x设置遮罩层全屏loading
  20. table标签内容过多导致设置宽度失效,超出界面

热门文章

  1. 自动将中国ip地址归属地分类并保存到数据库中
  2. 离散数学蕴含式的问题
  3. Linux输入子系统学习笔记
  4. Android 多媒体开发学习之制作一个简单的画板
  5. What Every Programmer Should Know About Memory
  6. Linux内核多线程(五)
  7. oracle索引实验报告,Oracle之索引(Index)实例讲解
  8. 不容易系列之(3)—— LELE的RPG难题 (递推dp)
  9. spark java.lang.StackOverflowError
  10. spark生成DataFrame