html框架以及属性字体应用
今日java开课,下午老师讲解了java的第一节课,有关于html的框架,为了自己方便以后也会在日记中添加一些便签方便自己使用。
了解这一些之后老师发布的作业也让我对码代码有了更深的认知,码完作业之后果然比刚听完有了更深的认知,也对一些代码有了更深的认知
有些代码算是在写作业中认知的
<span style="color: blue">
这是颜色
</span>
对于代码的应用在作业中也是越来越熟练了,也非常想慢慢了解更多的代码。
<!doctype html> 这是声明,我是一个html框架。如同盖屋子一样一眼就知道这是一间屋子
<html> 这是双标语,有个结束有个结尾,所有的代码都在这里面写完
<head> 也是个双标语,如同人的头一样,这里写一些明确的东西,把框架确定住
<meta charset="utf-8"> 这是声明整体代码都是由utf-8写的,utf-8是指万国码,可以些中文进代码
<title>无标题文档</title> 这是网页标签的名称
</head> <!--HTML:超文本标记语言-->
<!--标签分类:
1.双标签:有开始有结束的标签称之为双标签<标签名 属性名1="属性值1" 属性名2="属性值2"></标签名>。
2.单标签:只有开始标签并没有结束标签称之为单标签<标签名 属性名1="属性值1" 属性名2="属性值2">。
-->
<!-- HTML文件的基本结构:
<html>
<head></head>
<body></body>
</html>
-->
<!--快捷键
1.F12:打开当前页面/运行
2.ctrl+S:保存
3.ctrl+Z:撤销到上一步
-->
<!--标签嵌套 -->
<body> <!-- 这个就是身体部分了,所在网页上能看到的信息都是在这部分里写完并且呈现出来-->
<!--标题标签-->
<h1>这是标题一</h1>
<h2>这是标题二</h2>
<h3>这是标题三</h3>
<h4>这是标题四</h4>
<h5>这是标题五</h5>
<h6>这是标题六</h6>
<!-- 段落标签-->
<p>这是段落标签</p>
<p>这是第二个段落标签</p>
<!--换行标签-->
一二三四五,<br>
五四三二一,<br>
<hr>
<!-- 加粗效果-->
<b>字体加粗效果</b>
<strong>同样</strong>
<!--斜体效果-->
<hr>
<i>字体斜体</i><br>
<cite>同样</cite><br>
<em>同样</em><br>
<hr>
<!--上标标签-->
(a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab <br>
<!-- 下标标签-->
SO<sub>4</sub><br><hr>
<!--大字号标签-->
<big>大字体</big><br>
<!--这是小字号标签-->
<small>小字体</small><br><hr>
<!--删除标签与空格标签-->
<s> 这是删除线</s>
<!--下滑标签-->
<u>这是下划线</u><hr>
<span style="color: blue"> 这是颜色 给文字添加颜色 </span>
<span style="background-color: blue" > 这是文字与文字背景添加颜色 </span>
</body>
</html> </span>
html框架以及属性字体应用的更多相关文章
- bootstrap框架禁用谷歌字体
bootstrap框架禁用谷歌字体 H5框架换字体.png
- 【JavaScript框架封装】实现一个类似于JQuery的基础框架、事件框架、CSS框架、属性框架、内容框架、动画框架整体架构的搭建
/* * @Author: 我爱科技论坛 * @Time: 20180715 * @Desc: 实现一个类似于JQuery功能的框架 * V 1.0: 实现了基础框架.事件框架.CSS框架.属性框架. ...
- 前端1-----CSS颜色属性,字体文本和背景属性,边框属性,margin和padding,盒模型,行内块转换,浮动,三大定位
前端1-----CSS颜色属性,字体文本和背景属性,边框属性,margin和padding,盒模型,行内块转换,浮动,三大定位 一丶css选择器的优先级 行内 > id选择器 > 类选择器 ...
- 3 HTML标题&元素&图像&属性&字体增强&链接&头部标签与元素
HTML标题(heading) 通过<h1>~~~<h6>定义,每个元素代表文档中不同级别的内容. h1表示主标题,the main heading , h2,3分别表示二级. ...
- js中Frame框架的属性获取(1)
js中window和document对象及如何操作iframe 一. window对象 . 什么是window对象? Window对象表示浏览器打开的窗口.如果文档包含iframe或者是frame标签 ...
- CSS样式属性——字体+文本
CSS属性可分为以下几类:字体.背景.文本.位置.布局.边缘.列表 1. 字体——主要包括文字的字体.大小.颜色.显示效果等基本样式 font-family:用于设置字体系列 font-size:字体 ...
- Spring框架的属性注入
1. 对于类成员变量,常用的注入方式有两种 * 构造函数注入(没有空的构造方法注入) * 属性setter方法注入(有空的构造方法注入) 2. 在Spring框架中提供了前两种的属性注入的方式 1. ...
- Html5 input placeholder 属性字体颜色修改。
这篇文章主要介绍了有关HTML5 input placeholder 颜色修改方面的知识,需要的朋友可以参考下 Chrome支持input=[type=text]占位文本属性,但下列CSS样式 ...
- [Swift通天遁地]八、媒体与动画-(12)CoreText框架中的字体的FontMetrics布局信息
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...
随机推荐
- 获取经纬度之间两点间真实距离(适用于GoogleMap,BaiduMap,Amap等)
如何获取经纬度之间两点间真实距离(适用于GoogleMap,BaiduMap,Amap等) 目标:使用百度定位sdk开发实时移动距离计算功能,根据经纬度的定位,计算行驶公里数并实时刷新界面显示.大家 ...
- 【NET Core】.NET Core中读取json配置文件
在.NET Framework框架下应用配置内容一般都是写在Web.config或者App.config文件中,读取这两个配置文件只需要引用System.Configuration程序集,分别用 Sy ...
- java笔记 -- 类与对象
封装: 从形式上看, 封装是将数据和行为组合在一个包中, 并对对象的使用者隐藏了数据的实现方式. 对象中的数据称为实例域, 操纵数据的过程称为方法. 对于每个特定的类实例(对象)都有一组特定的实例域值 ...
- 清理SuperMap三维缓存
一.iclient三维插件浏览器端缓存 方法1:遍历users子文件夹,发现指定目录有supermap,即删除 @echo offtitle 清理三维缓存@echo 开始清理三维缓存...for /f ...
- phpmyadmin-您可能正在上传很大的文件,请参考文档来寻找解决方法
phpmyadmin-您可能正在上传很大的文件,请参考文档来寻找解决方法 实这个很简单的只要更改php.ini里三个配置即可.(见下面加粗部分,改成你自己的需求即可) ; Maximum allo ...
- winform中DataGridView实现分页功能
WinForm轻松实现自定义分页 (转载) WinForm轻松实现自定义分页 (转载) 转载至http://xuzhihong1987.blog.163.com/blog/static/26731 ...
- Luffy之结算订单页面(订单模型表的创建,订单的生成,以及订单详情展示等)
订单页面 在前面我们已经构建了,购物车的页面,接下来到了结算页面 1.首先,在购物车页面点击去结算按钮时,我们需要做如下动作 .前端发送生成订单的请求,点击标签内触发事件 create_order t ...
- vue去掉#——History模式
打开index.js文件 加在 Vue.use(Router) export default new Router({ mode: 'history', ] }) 若有不明白请加群号:复制 69518 ...
- php 添加环境变量
1.php添加环境变量主要为了能在 cmd和软件的客户端用php来运行 首先我们要做的第一步: 添加环境变量(记住php.exe的路径,然后再环境变量中编辑path 多个用逗号分隔开,保存重启电脑) ...
- 封装一个使用cURL以POST方式请求https协议的公众方法
打开php7.2手册,搜索curl function getRequest($url,$type='get', $data = [], $timeout = 10) (需要更改){ $ssl = st ...