前情提要:

自备一个后缀文件格式为.html的txt文件之外,其文件内部需写有基本的html结构(微笑脸,先默打一遍算作是复习吧!!!)。

作为一个前端一定要膨胀!OK?

UI设计师的设计图要我们去实现,狗产品的修改意见需要征求我们的意见,后端千辛万苦返回的数据也由我们前端展示。让我改bug?请出示bug文档,改需求?请出新的需求文档,不接受口头叙述。谁是大爷你们这些人心里最好有点B数,不然劳资拍桌子就走,不伺候了

万丈高楼平地起基础一定要扎实,不然偷(zhuang)鸡(b)不成蚀把米,进入正题:所有展示内容( 网页内容 )都写在body标签里(好气,竟然有人问我标签写在哪)段落文字标签( 我们先走一段代码,看了效果更容易联想作用

):

hx

然后我来运行一下(右键,在浏览器中运行...)

hxx

em....,这个效果...,是文章标题的那种又大又粗(em...)的那种效果吧..。而且,h系列标签就到h6,字体越来越小,h6以后的标签都是没有效果的,和普通的网页内容一样啊....OJBK ,下一个

sdp

em...,f5刷新页面看一下效果

sdpwz

好的,很普通的文字效果,就是有的换行(div,p)有的不换行(span)有的有间距(p)嘛!下一个

ulli

em...,f5刷新页面看一下效果

ulliwz

li标签前面有个小黑点(ul中是可以写好多li标签的,你可是试一试会出现什么效果)..,然后让我们来点刺激的:

hdullimd

累死我了...,f5页面,走你

hduiliwz

联想一下效果,好像在哪见过(自己想)...图片标签 (惯例,先走代码):

xxx

我在演示页面外保存了一张图片(xiaokeai.jpg),然后在代码中这样写道

img

f5,看效果

xmn

完美,img的src属性=图片存储的路径...get,下一个超链接标签(惯例走代码):

新建一个页面(demoNext.html),保存的路径和图片的一样

de

我们在新建的demoNext.html中写道(手打复习一下):

demoNext

准备工作就绪,我们返回刚才的编辑页面:

a

我们定义a标签的href属性指向同级文件demoNext.html,Ctrl+S保存,打开页面,f5刷新

tiaozhuan

页面显示跳转,我们点击===》跳转

url

页面中的内容显示为demoNext.html,网页的url也变成文件的保存位置...

标签太多,就不一一展示了,附一篇网友总结的标签讲解,嘿嘿嘿..你们自己练,遛了遛了,下课...

html清理超链接前面的黑点,【0基础学前端】1.2 段落文字图片超链接标签相关推荐

  1. 0基础学前端开发,CSS盒子模型居中方法

    1. 背景 作为互联网行业技术从业者,接口调试是必不可少的一项技能,通常我们都会选择使用 Postman 这类工具来进行接口调试,在接口调试方面 Postman 做的确实非常出色. 但是在整个软件开发 ...

  2. 自学无果 报班学习的每日知识点总结与回顾 0基础学前端的小伙伴可以进来看看 一起学习一起进步(三)

    HTML基础知识整理(下) 关于HTML几个常用标签 img标签 代码展示 属性介绍 列表标签 无序列表 有序列表 定义列表 表格标签 table标签 作用 常用属性 caption标签 作用 the ...

  3. 289页初中级前端题助你拿下Offer,0基础学前端开发

    前言 校招 -1 年 这个阶段还属于成长期,更需要看重的是你的基础和热情.对于 JS 基础,计算机基础,网络通信,算法等部分的要求会相对高一些.毕竟这个阶段比较难考察你的业务项目中的沉淀,所以只能从基 ...

  4. 0基础学怎么学习python

    ​ Python相对于其他编程语言来说是比较简单的,非常适合零基础的小白学习,想要进入到互联网行业,可以优先选择学习Python,那么下面小编就来为大家详细的介绍一下0基础学怎么学习python? ​ ...

  5. 0基础学python难吗-0基础学武汉Python开发课程有多难?该怎么入门?

    Python语言可谓十分强大,正如它的两个外号所称,一个是"内置电池",另一个是"胶水语言".开源社区和独立开发者长期为Python贡献了丰富大量的第三方库,其 ...

  6. 0基础学python-0基础学python 全套教程送你参考

    我0基础学Python可以吗? 我赞成把Python作为入门语言: 为什么选择python Python可以说是编程语言中罕见的既简单又强大的一门语言,python语言简洁,语言优雅,功能强大,使用p ...

  7. 0基础学python难吗-0基础学Python有多难?该怎么入门?

    0基础学Python有多难?该怎么入门?零基础学Python并不难,因为Python是一门非常适合初学者入门的编程语言.Python语法简单明了,代码可读性很高,容易入门.但Python对代码的要求非 ...

  8. 0基础学python看什么书-0基础学Python入门书籍应该看什么?

    0基础学Python入门书籍应该看什么?Python 对不少人来说是谜一样的东西不知道如何下手.从何处下手,找了很多资源几个月过去了学习陷入换乱,没没能入门Python开发.出现这种情况大多是因为没有 ...

  9. python难学嘛-终于明白0基础学python难吗

    Python语言是一种典型的脚本语言,简洁,语法约束少,接近人类语言.有丰富的数据结构,例如列表.字典.集合等.具有可移植性,支持面向过程和面向对象编程,并且开源.以下是小编为你整理的0基础学pyth ...

最新文章

  1. 学习笔记:数据分析和处理(ML计算模型前的预处理)——持续更新
  2. 动态代理——》AOP —— Spring 中的 AOP||AOP 相关术语||学习 spring 中的 AOP 要明确的事
  3. Android NDK开发——Android studio使用JNI调用OpenCV处理图像
  4. 阻止地图的放大和缩小_Arcgis画地图详细步骤(真的!!)
  5. 优先级队列,代码参考范例
  6. Python代码注释 - Python零基础入门教程
  7. Struts2一个诡异问题的解决
  8. 1.6 万亿参数你怕了吗?谷歌大脑语言模型速度是 T5 速度的 7 倍
  9. 【0702作业】输出九九乘法表
  10. 为什么不要把ZooKeeper用于服务发现
  11. Careercup - Facebook面试题 - 4907555595747328
  12. Flash 3D之旋转文字
  13. 信息系统项目管理师和PMP对比
  14. Flask框架从入门到精通之消息闪现和日志记录(二十一)
  15. 【laravel5.7】第一个Laravel接口之中央气象台天气接口
  16. 英汉互译 php,美丽的英文诗(英汉互译)
  17. J2PaaS低代码开发平台——信息化系统的流水线工厂
  18. 目前缺少用于语义分割的 3D LiDAR 数据吗?关于三维点云数据集和方法的调查
  19. 设计模式 - 模版模式
  20. 如何查看网站的收录与排名

热门文章

  1. 第一话 QQ盗号攻防战
  2. MacBook M1配置Clion
  3. 有关 Java Long 型数据的比较
  4. uefi安装win10原版镜像|uefi gpt模式安装win10官方系统教程
  5. CPU GPU设计工作原理
  6. Windows 10 开机进入桌面没有任何图标,闪屏系统自动重启explorer.exe,调不出任务管理器
  7. jupyter的使用
  8. cat /sys/devices/system/cpu/cpu0/cpufreq/scaling_available_frequencies
  9. 中国科学技术大学计算机科学夏令营,中国科学技术大学计算机科学与技术学院(专业学位)软件工程保研夏令营...
  10. Kaggle实战:Store Sales - Time Series Forecasting