一、前端基础概念

1.1.什么是前端开发?

  • Web前端开发 - Web Front-end development
  • Web后端开发 - Web back-end development

1.2.前端开发包含哪些内容?

  • 结构布局 - HTML
  • 样式呈现 - CSS
  • 行为逻辑(页面的动态交互/数据交互处理/数据格式化渲染) - JavaScript
  • 分离开发

1.3.有的网站页面后缀名只有htm,为什么?

  • window 98及之前的系统只认后缀名3位的文件,不认3位以上的文件后缀名
  • 常用快捷键
    • ctrl + s 保存文件
    • ctrl + z 回退
    • ctrl + c 拷贝
    • ctrl + v 粘贴
    • ctrl + x 剪切

1.4.HTML相关

  • HTML:Hyper Text Marked Language,超文本标记语言
  • 双标签
    • <p> <p>
    • 开放 闭合
    • 开始 结束
    • 头 尾
  • 单标签
    • <br />
    • 单标签必须闭合
  • XHTML - HTML规范
  • HTML4.01 - HTML5之前的版本
  • HTML5 - HTML最新的版本
  • HTML5技术 - 增加画布,音视频等功能,其实是JavaScript技术

1.5.标签问题

  • 物理性标签和语义化标签
  • h1,h2,h3,h4,h5,h6 - heading 标签 标题标签 - 语义化标签
  • p - Paragraph标签 段落标签
  • strong标签和b标签
    • strong标签 - 语义化标签
    • b标签 - 物理性标签
  • i标签和em标签
    • i标签 - 物理性标签,italic标签,主要用于加图标
    • em标签 - 语义化标签,emphasize标签,加强语气,加斜体
  • del标签 - delete标签 语义化标签
  • ins标签 - insert标签 加下划线 语义化标签
  • address标签 - 地址标签 语义化标签
  • 网页的结构标签 布局标签
  • div标签 - division标签 容器/盒子 宽 高 块
  • img标签 - 承载图片
    • src - 资源
    • alt - 图片加载失败后显示的内容
    • title - 鼠标放到图片上显示的内容
  • a标签 - anchor标签(锚点) 超链接标签 打电话 发邮件 锚点定位 协议限定符
    • href - Hypertext Reference 超链接目标的URL
    • target - 打开新的页面

1.6.元素相关

  • 元素 = 标签 + 标签内的内容
  • 内联元素(行间元素/行内元素) inline element
    • 不独占一行、无法定义宽高
    • strong em del ins
  • 块级元素 block element
    • 独占一行,可以定义宽高
    • p hx div address
  • 内联块级元素 inline-block element
    • 不独占一行,可以定义宽高
    • img

1.7.标签嵌套

  • 内联元素可以嵌套内联元素
  • 块级元素可以嵌套任何元素
  • 注意:
    • p标签不可以嵌套div
    • a标签不可以嵌套a标签

去掉a标签下划线_编辑器、HTML基础、编码、基础标签相关推荐

  1. 去掉a标签下划线_条码软件如何修改条码标签的字体格式

    在中琅条码软件制作条码标签时,设置修改字体格式是非常常用的一项操作,在其他的办公软件中,我们可以直接看到修改字体的工具,直接选中文字点击对应工具就可以修改,那么在条码软件中如何修改条码标签上的字体格式 ...

  2. html a标签去掉下划线_菜鸟HTML基础学习篇

    一.HTML初识 HTML概述 HTML:超文本标记语言(Hyper TextMarkup Languag,通过HTML标签对网页中的文字.图片.连接进行美化 关键词:文本.标记.语言 HTML格式 ...

  3. htmla标签下划线去除_html超链接的下划线怎么去掉?a标签去下划线的方法都在这里...

    本篇文章就是关于html超链接取消下划线的用法,教你如何快速的去掉HTML超链接下划线的方法,最后还有相关代码解释,下面就让我们一起看看这篇文章吧 首先我们使用css的基础样式来做一个最简单的去下划线 ...

  4. htmla标签下划线去除_html超链接去掉下划线 html去除取消超链接下划线

    html a超链接标签,默认有的涉猎器表现有下划线,有的不有下划线,大多锚文本超链接A标签内字体是有下划线的,怎么去除超链接下划线?html 超链接去除下划线怎么样做? 去掉去除超链接锚文本的下划线需 ...

  5. a标签去下划线或文字添加下修饰_a标签下划线(如何去掉a标签下划线)

    去掉a标签下划线:对超链接下划线设置 使用代码"text-decoration"语法: text-decoration : none || underline || blink || overline ...

  6. Swift实战问题之Swift 中的下划线_是什么意思?

    实战问题 Swift 中的下划线_是什么意思?例如下面的函数参数 for _ in 1-5 { print("hello") } if let _ = optionalValue ...

  7. html不用css超链接去掉下划线,div css之去掉a超链接下划线样式

    一.去掉字体下划线装饰CSS属性格式代码 text- 解释: CSS下划线格式单词:text- 不闪现下划线(去掉字体下划线花色):none 二.网页重构前初始化去掉超链接下划线 由于有的浏览器默认情 ...

  8. html中去除超链的下划线,html如何去掉超链接的下划线

    html去掉超链接的下划线的方法是使用css中[text-decoration:none]来去掉超链接的下划线,代码为[]. 本教程操作环境:windows7系统.html5版,DELL G3电脑. ...

  9. Python 单下划线(“_“)与双下划线(“__“)以及以双下划线开头和结尾的的区别

    由于python 中没有java 语言中的private ,public, protected 之类的,就引用了下划线. 单下划线的作用: 以单下划线("_")开头的模块变量或者函 ...

  10. Python中单个下划线“ _”变量的用途是什么?

    这段代码中_ after for的含义是什么? if tbh.bag:n = 0for _ in tbh.bag.atom_set():n += 1 #1楼 下划线_在Python中被视为" ...

最新文章

  1. Android的自定义键盘颜色,android自定义键盘(解决弹出提示的字体颜色问题)
  2. 移动Web单页应用开发实践——页面结构化
  3. matlab关于噪声课设,基于matlab的有噪声的语音信号处理的课程设计.doc
  4. java ReentrantLock 实现原理
  5. 解决gb2312与utf-8转码问题
  6. CAP 3.0 版本正式发布
  7. android dialog 点击确定不消失,AlertDialog点击按钮不消失的实现方法
  8. Cocos2d Box2D之简介
  9. 360服务器已停止响应,对于 SQL Server 2017年累积更新 5
  10. 站立会议(11月21日)
  11. 使用MSDN学习ASP.NET的工作流程
  12. Python核心编程--学习笔记--3--Python基础
  13. JDK自带的实用工具——native2ascii.exe
  14. 使用librtmp推h264、aac实时流
  15. 注册谷歌账号,提示“此电话号码无法用于进行验证”
  16. 操作系统概念之定义和功能
  17. java中的main_Java中的main()方法详解
  18. java now_Java LocalDateTime now()用法及代码示例
  19. Quartz在QRTZ_JOB_DETAILS表中存储了什么
  20. 21秋信源编码技术作业(1)——使用Audacity软件绘制清浊音频谱图并进行分析

热门文章

  1. 7 年零故障支撑双 11,消息中间件 RocketMQ 如何做到?
  2. 陈弘:7月24日阿里云上海峰会存储大神
  3. 跨5合并dnf无限连接服务器,不妨一试!跨5等跨区卡登陆卡黑屏解决办法分享
  4. 【通信】基于matlab量子密钥分发密钥率仿真【含Matlab源码 1662期】
  5. 毕设题目:Matlab图像检索
  6. 【时间序列预测】基于matlab最小均方(LMS)算法时间序列预测【含Matlab源码 1335期】
  7. 【路径规划】基于matlab遗传和模拟退火算法机器人路径规划【含Matlab源码 1206期】
  8. 【CPI指数预测】基于matlab BP神经网络CPI指数预测【含Matlab源码 662期】
  9. java方法栈和c方法栈_Java虚拟机:本地方法栈与Native方法
  10. cad上样条曲线上的点太多了_学习CAD,我总结了五个阶段,你是那个段位?