
HTML
一枚小棋子
这个作者很懒,什么都没留下…
展开
-
html垂直居中的方法
1.行高法line-height(适用于单行或较少几个文字)设置文字的行高和容器的高度相同<div id="div1"> 单行文本或几个字的垂直居中 </div><style> #div1{ width: 300px;height: 100px;/* 设置容器的宽高 */ margin: 100px auto;/* 使容器水平边距自动相等 */ border: 1px solid red;/* 给文本加上边框可以更原创 2020-10-15 16:57:26 · 23452 阅读 · 0 评论 -
html表格标签<table>
文章目录一、使用到的标签用法介绍1. 整体表格结构说明2. 针对table的属性说明二、表格制作简单代码实现三、输出结果示例四、其他table属性标签1.标签介绍2.制作简单个人简历3.结果显示一、使用到的标签用法介绍1. 整体表格结构说明<table border="1px" cellspacing="0"> <col width="200px"> <tr align="center">...</tr> <td>...</td原创 2020-10-09 19:58:40 · 582 阅读 · 0 评论 -
html背景图的使用
1.背景图-动图gif<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> html,body { margin:0; height:100%; } body { background-image:url(6.gif);原创 2020-09-23 19:27:28 · 2198 阅读 · 0 评论 -
css文本属性
一、文本属性属性含义color文字颜色font=-amily字体类型font-size文字大小font-weight:bold文字加粗font-style:italic文字倾斜text-indent首行缩进line-height水平对齐方式height行高background-color背景颜色text-decoration文本修饰二、代码演示<!DOCTYPE html><html&原创 2020-09-23 18:11:59 · 357 阅读 · 0 评论 -
html制作简单的表单<form>
文章目录一、使用到的标签用法介绍1.演示标签代码2.标签使用具体介绍二、表单制作代码三、结果显示一、使用到的标签用法介绍1.演示标签代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="/demo/demo_form.asp">原创 2020-09-22 21:07:59 · 6504 阅读 · 0 评论 -
html基础标签-图片(3)
一、使用到的标签用法介绍图片标签:<img title="提示" alt="失败" scr="../图片路径">title=“提示”: 鼠标划上去是的提示文字alt=“失败”: 图片加载失败提示的文字二、简单代码演示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <bod原创 2020-09-21 20:52:28 · 163 阅读 · 0 评论 -
html 超链接<a>
文章目录一、使用到的标签用法介绍二、简单新闻代码案例1.输入代码2.输出结果一、使用到的标签用法介绍超链接标签<a href="超链接地址" target="_blank">文本内容</a>target="_blank" :在空白新页面打开这个超链接图片标签<img src="../要显示的图片的路径" width="100pc" height="200pc" />src="…/要显示的图片路径": …/ 为返回上一级目录width=“10原创 2020-09-21 20:35:02 · 520 阅读 · 0 评论 -
html基础标签使用(1)
目录文章目录前言一、使用基础的HTML标签二、使用步骤1.写一个简单的博客2.输出运行结果总结前言html第一个基础代码提示:以下是本篇文章正文内容,下面案例可供参考一、使用基础的HTML标签超文本标记语言(外国语简称:HTML)标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。HTML标签的大小写无关的,例如“主体”<...原创 2020-09-21 19:24:38 · 371 阅读 · 0 评论 -
HTML常用标签
代码缩进使用 tab键<!DOCTYPE html><html> <head> <meta charest="utf-8"/> <title>这是网页的标题</title> </head> <body> <p>P标签代表段落,因此这里的内容会独立一行</p> <!--这里的内容不会显示在页面上,它通常用来注释程序代码--> </body>原创 2020-09-21 19:00:14 · 252 阅读 · 0 评论