HTML前端基础
筑凡
这个作者很懒,什么都没留下…
展开
-
css层叠样式表
css层叠样式表前面我们说过,页面的标签是有默认的样式的,对于这些样式我们也是可以自己调整设置的,在这里我们就讲一下样式中的一些规则。对于网页页面而言,有三种添加样式的方法。(1)内联样式:就是直接在标签上写样式。例如这样:<span style="color: blue;float: left;">span标签</span>在任意标签中添加style属性,都可...原创 2019-08-18 16:13:44 · 254 阅读 · 0 评论 -
css样式的五种选择器
css样式的五种选择器css样式中有五种选择器,分别是标签选择器、类选择器、ID选择器、派生选择器、组合选择器,接下来为大家一一介绍。(1)标签选择器针对于标签的选择器,这种选择器中的样式会作用到所有这种标签下。代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8...原创 2019-08-18 17:09:34 · 1502 阅读 · 0 评论 -
HTML基础学习工具,VSCode & 谷歌浏览器
HTML基础的学习工具对于HTML的学习,我所使用的学习工具是VSCode和谷歌浏览器。接下来为大家介绍这两款软件的简要安装步骤。谷歌浏览器的安装对于谷歌浏览器,只需要到网站上检索谷歌浏览器,自行下载安装即可。下载好了之后,基本上都是一个exe可执行程序,双击运行即可。下载完成的图标如下它的大小大概是50MB左右。下载完成之后,双击运行即可。VSCode的安装随后就是VSCode...原创 2019-08-14 16:45:50 · 681 阅读 · 1 评论 -
css常用样式(文字样式、边框样式、背景样式)
CSS常用样式CSS常用文字样式color: brown; /*文字颜色*//*color: #333333;这样的也可以,这种颜色的表示方法是RGB的方式,没两位数表示一种颜色的度数,一般情况下这种颜色是从ps中获取的*/font-size: 20px; /*文字尺寸,一般情况下文字的长宽占多大的像素就是多少px*/font-family: '微软雅黑'; /*字体,一般情况下使用...原创 2019-08-20 14:23:24 · 4487 阅读 · 0 评论 -
HTML基础之基础标签
HTML的基础标签HTML中有许多的标签,这一篇文章,就讲一下HTML的基础标签吧。在做相关代码编写之前,我们要首先创建一个文件夹,该文件夹的符合正规的HTML页面开发的规格。0815 //项目文件夹根目录css //项目页面所引用的css样式img //项目页面所引用的图片文件index.html //项目页面这些文件是比较基本的文件,需要的话,之后还会在...原创 2019-08-15 19:48:13 · 3107 阅读 · 0 评论 -
HTML基础之表单提交
表单提交在网页上,一般都会有让你输入信息进行校验或者检索的地方,比如搜索栏或者输入账号密码进行登录的地方,当我们输入数据之后,单击确定或者搜索等按键的时候,网页就会把我们输入到输入框中的信息发送到与前端网页相对应的后端程序中对你的信息进行处理。在这里我们就要使用到表单标签,来对用户数据进行提交。<form> <!-- 代码段/标签组 --></form>...原创 2019-08-16 17:26:04 · 17779 阅读 · 0 评论 -
行标签与块标签
行标签与块标签行标签和块标签是HTML页面标签的两种属性,都是属于css样式。行标签:表示这种标签在页面中只占其本身大小,而在样式中对其宽和高的设置是无效的,这种标签是可以在一行中排列显示的,也叫做水平分布。行标签包括:a、span、label、button、input。当HTML代码这样写的时候 <a href="#">a标签</a> <sp...原创 2019-08-17 21:33:20 · 3433 阅读 · 0 评论 -
标签的浮动
标签的浮动有些时候我们需要将好多标签元素排列到一行或者某一区域中,这是我们需要将标签设置为浮动。比如这里我们可以看到,在这一个li标签里,我们放了三个标签元素,一个img标签,一个p标签,一个label标签。在页面效果中,我们看到三个标签元素是水平排列的。还有左边最新快讯一栏与右侧那一栏,是属于两个大的div标签块的,我们也可以通过浮动的方式使他们水平排列。在这里你可能会想,如果直接使...原创 2019-08-22 18:54:32 · 1796 阅读 · 0 评论