html红色星号怎么做_码农的插花艺术:HTML(一)

5394079958209244eaad8daf611a21d4.png
这是笔者学习html的过程中的小小心得和体会,由于笔者也是前端初学者,能力有限难免出错,恳请各位读者看到有错误的地方多多包涵,也欢迎各位在评论区积极讨论。

严格来讲html并不算一种“语言”。html的文档可以以txt的形式保存,当使用浏览器打开时便自动转化为一个网页。html以各种tag组成,在我看来,就如在一个花盆(文件)内插花。

html的语法总的来说是由标签组成,格式是<element name="value">,其中element规定了这个标签的类型,name是这个标签的属性名,value是属性值。如果一个标签有内容,会使用<> </>的格式

插花的基础是一个花篮,花瓶,抑或是花盆等载体。这就是头部的声明<!DOCTYPE html>和把整个html文件框起来的<html></html>

然后我们在插花前要对载体预处理,包含在<head></head>里。其中最关键的是编码声明和标题,举例如下:

<head><meta charset="utf-8"><!-- 注释:这是编码说明 --><title>标题</title><!-- 这是文章标题 --><link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

当然也可以像例子中一样使用link标签链接外部样式表。样式表可以理解为为插花拍照的滤镜。后面会再提到。

然后我们要开始将各种花插到花瓶中,花瓶就是html文件的<body>tag。

<body><p>醛基的测试网页!</p>
</body>

<p></p>代表的是一个段落,而其他的tag可以去这个链接里面看看。

当然我们并不止步于普通的黑白文字,我们可以对一个对象元素做处理,比如:

<p style="color:red">我是红色!
</p>

如果要对一类元素进行处理,可以使用class属性和样式表

<body><h1 class="redcolor">我是红色!</h1><p class="redcolor">我也是红色!</p>
</body>
<style>.redcolor{"color:red"}
</style>

如果对单个元素进行处理,也可以用id属性,在书写样式表的时候也要加以处理,如:

<body><h1 id="redcolor">我是红色!</h1>
</body>
<style>#redcolor{"color:red"}
</style>

这一部分要是进行深入的学习,就要涉及到css的知识。但是如果不对css也进行学习,单纯用html写出来的东西非常简陋。就像插花也不是一把大剪刀把花掰扯下来堆一起就好了的,优秀的插花工人会对花进行修饰润色。

css能做的不仅仅是静态的展示,也可以做到一很多动态的展现。但是如果说要在网页上进行较强的交互,就需要javascript脚本等其他工具的帮助。此时不单单是简单的插花了,花瓶中有蝴蝶蜜蜂飞舞。当然笔者自己也还没对此深入了解过,也希望在下一篇文章中能与大家分享有关的知识~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/559534.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

scrapy没有运行结果_关于Scrapy爬虫项目运行和调试的小技巧(下篇)

前几天给大家分享了关于Scrapy爬虫项目运行和调试的小技巧上篇&#xff0c;没来得及上车的小伙伴可以戳超链接看一下。今天小编继续沿着上篇的思路往下延伸&#xff0c;给大家分享更为实用的Scrapy项目调试技巧。三、设置网站robots.txt规则为False一般的&#xff0c;我们在运用…

easyui datagrid oncheck 修改行样式_100 种 PPT 图表样式送给你

你好&#xff0c;这里是诺灰屋我是诺灰距离上一篇推文&#xff0c;已有近一个月的时间没有给大家写推送了。这期间&#xff0c;我一直在进行数据图表方面知识的网络调研。甚至于在知网上找了几篇论文来看&#xff0c;当然&#xff0c;内容很枯燥&#xff0c;不实用。同时&#…

系统如何启动数据库服务器,怎么启动sql数据库服务器

怎么启动sql数据库服务器 内容精选换一换PostgreSQL支持逻辑备份。您可使用pg_dump逻辑备份功能&#xff0c;导出备份文件&#xff0c;再通过psql导入到RDS中&#xff0c;实现将PostgreSQL的数据导入到云数据库RDS中。云数据库RDS服务支持开启公网访问功能&#xff0c;通过弹性…

富士康服务器主板X58维修,富士康X58 Blood Rage主板BIOS预览

富士康X58主板Blood Rage在软硬件方面都已经设计完成&#xff0c;下边就来看看BIOS设定部分。通用条目这里暂且略过&#xff0c;只看看富士康独特的“Quantum BIOS”部分&#xff0c;有关系统各部件的条件以及超频都要在这儿完成。Quantum BIOS主界面&#xff1a;分为处理器功能…

amd cpu不能在cmd环境下运行java代码_00 开发环境搭建

我们来着手在本地计算机环境安装 TensorFlow 最新版框架。TensorFlow 框架支持多种常见的操作系统&#xff0c;如 Windows 10、Ubuntu 18.04、Mac OS 等等&#xff0c;同时也支持运行在 NVIDIA 显卡上的 GPU 版本和仅适用 CPU 完成计算的 CPU 版本。我们以最为常见 Windows 10 …

更新无限无线连接更新服务器,02-H3C WBC560多业务无线控制器软件升级操作指导...

本文中的绿洲平台指的是WBC560多业务无线控制器中的本地绿洲。1.1.1 软件升级方式简介AC支持通过命令行进行软件升级和通过Web页面进行软件升级&#xff0c;命令行升级方式只能通过以太网口telnet到AC进行升级&#xff0c;无法通过HDM进行升级。升级方式说明需要重启AC来实现A…

pythonista_Pythonista20190325伤不起

图片发自简书App print("You enter a dark room with two doors. Do you go through door #1 or door #2?") door input("> ") if door "1": print("Theres a giant bear here eating a cheese cake,What do you do?") print(&…

nfc卡模式与标准模式_渠道如何标准化管理,建立新的销售模式,提升业绩完成率...

请您关注&#xff0c;转发&#xff0c;点赞&#xff01;转化能力持续为您创作实用有效的营销工具&#xff0c;管理工具&#xff0c;计划表格&#xff0c;如何完成业绩方法&#xff0c;战略如何规划&#xff0c;如何总结和规划等实用文件&#xff0c;提高职场营销人的营销能力和…

两个矩阵是否相交的算法_算法血拼:Google+百度+Alibaba+字节+Tencent+网易+360+拼夕夕...

最热的三伏天来了&#xff0c;相信有许多小伙伴们都已马不停蹄的在准备各大厂的秋招提前批了吧&#xff0c;不知算法与数据结构会不会成为你的坎&#xff1f;恰好&#xff0c;我这两天花了点时间&#xff0c;整理了些各大厂(Google百度Alibaba字节Tencent网易360拼夕夕美团小米…

arduino esp8266_你还用Arduino?上PlatformIO开发Esp、AVR、STM32,十分钟亲测ESP8266

简介对单片机最早的认识是大一的时候刷到的C51单片机&#xff0c;那时候玩了一阵子感觉可玩性不高&#xff0c;后来有了解到Arduino&#xff0c;买了两Uno回来用Arduino开发感觉可玩性和快速开发都比C51强多了&#xff0c;再后来了解了NodeMCU这玩意&#xff0c;又入手了Esp826…

java jpeg压缩解码_JPEG图像压缩原理简介

JPEG(发音&#xff1a;[ˈdʒeɪpɛg])是一种针对照片视频而广泛使用的有损压缩标准方法。这个名称代表 Joint Photographic Experts Group(联合图像专家小组)。联合图像专家小组1992年发布了JPEG的标准而在1994年获得了ISO 10918-1的认定。JPEG与视频音频压缩标准的MPEG(Movin…

bootstrap网页模板源码_Go Web 编程--超详细的模板库应用指南

如果你有过Web编程的经验&#xff0c;那么或多或少都听说过或者使用过模板。简而言之&#xff0c;模板是可用于创建动态内容的文本文件。例如&#xff0c;你有一个网站导航栏的模板&#xff0c;其中动态内容的一部分可能是根据当前用户是否登录显示登录还是退出按钮。Go提供了两…

python matpoltlib绘制动态图_使用Python、Geopandas和Matplotlib制作gif动态

原标题&#xff1a;使用Python、Geopandas和Matplotlib制作gif动态 不需要Photoshop&#xff1a;仅使用Python和命令行制作动画图表。作为一种编程语言&#xff0c;Python非常灵活。这使得有时可以在几行代码中进行大量不同的可视化成为可能。但是现在有了很多不同的图表网站和…

dst发育筛查有意义吗_儿童视力筛查,都筛些啥?

感谢眼科小伙伴们的早出晚归辛勤忙碌&#xff0c;感谢幼儿园、学校及小朋友们的积极配合&#xff0c;本学期的校园视力筛查也已进入尾声。相信爸爸妈妈们都已拿到了这样的筛查结果单&#xff1a;&#xff08;学龄前儿童仅行电脑验光筛查&#xff0c;学龄儿童还需行视力检查&…

java 堆_JAVA学习笔记 07——堆、栈和垃圾回收机制

程序执行的内存分析过程&#xff1a;虚拟机栈(简称&#xff1a;栈)的特点如下&#xff1a;1. 栈描述的是方法执行的内存模型。每个方法被调用都会创建一个栈帧(存储局部变量、操作数、方法出口等)。2. JVM为每个线程创建一个栈&#xff0c;用于存放该线程执行方法的信息(实际参…

dubbo 自定义路由_Dubbo分层架构概述

本节我们从整体上来看看 Dubbo 的分层架构设计&#xff0c;架构分层是一个比较经典的模式&#xff0c;比如网络中的7层协议&#xff0c;每层执行固定的功能&#xff0c;上层依赖下层提供的功能&#xff0c;下层对上层提供功能&#xff0c;下层的改变对上层不可见&#xff0c;并…

python类方法继承_python类的继承

一、概述 面向对象编程 (OOP) 语言的一个主要功能就是“继承”。继承是指这样一种能力&#xff1a;它可以使用现有类的所有功能&#xff0c;并在无需重新编写原来的类的情况下对这些功能进行扩展。 通过继承创建的新类称为“子类”或“派生类”&#xff0c;被继承的类称为“基类…

添加编译宏_软件开发——编译链接

对于平常的应用程序开发&#xff0c;我们很少需要关注编译和链接过程。我们平常Xcode开发就是集成的的开发环境(IDE),这样的IDE一般都将编译和链接的过程一步完成&#xff0c;通常将这种编译和链接合并在一起的过程称为构建&#xff0c;即使使用命令行来编译一个源代码文件,简单…

shell打开wifi命令_远程执行命令的填坑记录

前言本文主要记录 bash 四种模式的细节&#xff0c;以便于遇到问题时查阅。远程执行出错了最近使用 ansible 比较多&#xff0c;在某次使用 shell 模块远程执行命令的时候老是报 ‘command not found’。但是手动登录到远端机器执行命令是成功的&#xff0c;于是开始思考里面的…

nodejs express use 传值_再也不怕面试官问你express和koa的区别了

前言用了那么多年的express.js&#xff0c;终于有时间来深入学习express&#xff0c;然后顺便再和koa2的实现方式对比一下。老实说&#xff0c;还没看express.js源码之前&#xff0c;一直觉得express.js还是很不错的&#xff0c;无论从api设计&#xff0c;还是使用上都是可以的…