网页
文章平均质量分 88
crraxx
崔瑞荣就是我 :-)
展开
-
HTML-简单练习
练习1-李白要求示例:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body align = "center"> <h1> 古诗词鉴赏</h1> <hr /> <h2 >静夜思</h2> <a href="原创 2021-02-24 20:01:42 · 8397 阅读 · 4 评论 -
HTML-基本语法、常用标签、列表、超链接、超链接定义锚点、表格、表单和内联框架
HTML基本语法<!-- <!DOCTYPE html> 声明告诉浏览器我们使用的是HTML5 --><!DOCTYPE html><!-- <html> 在标记语言中称为根标签,所有内容都在根标签中 --><html> <!--<head> 头部标签 --> <head> <!-- <meta charset="utf-8">设置网页解析时使用的编码格式--&原创 2021-02-24 19:43:15 · 513 阅读 · 1 评论 -
css简单练习5
css简单练习5根据css现学内容,完成如下页面布局。图例如下所示:练习分析:整体观察图片可知该网页的背景颜色是灰色,即最大的盒子中背景颜色应设为灰色。大盒子中摆入多个小一点的盒子来完成布局,其他的盒子摆放可通过下图来理解。盒子摆好后可以根据实际情况加入外边距(margin)或内边距(padding)来分开盒子,以便于按要求完成任务。对于形状相同的盒子写出来一个后复制粘贴来,可以减少作业任务。对于上方的菜单导航栏中可以加入伪类来增强视觉效果。若代码量比较大为了编写方便,可以将css代码块原创 2020-11-06 20:58:56 · 2273 阅读 · 11 评论 -
css小白也能懂-2
css小白也能懂-2css背景背景色可以使用background属性为元素设置背景色。把元素的背景设置为灰色p {background-color: gray;}如果希望背景色从元素中的文本向外少有延伸,只需增加一些内边距:p {background-color: gray; padding: 20px;}实例1:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <t原创 2020-10-30 23:39:51 · 578 阅读 · 3 评论 -
css简单练习4
css简单练习4用css所学知识完成百度注册界面并进行位置摆放代码实现:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0px; padding: 0px; } #box { width: 2880px原创 2020-10-29 19:24:49 · 277 阅读 · 4 评论 -
css简单练习3
css简单练习3要求:淘宝首页框架布局 参考图片如下用div与浮动有关知识完成代码实现:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0px; padding: 0rem; } #box1 { wi原创 2020-10-29 19:18:23 · 1924 阅读 · 12 评论 -
css简单练习2
css简单练习2设置图片切换效果,如某宝首页下图。按钮可以先使用div做成正方形,其中加入“>”和“<”代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0px; padding: 0px; }原创 2020-10-29 19:10:17 · 272 阅读 · 4 评论 -
css小白也能懂-1
csscss是什么?CSS是级联样式表(Cascading Style Sheets)。级联: 关联 即 两个内容之间的关系 。样式表: css修饰网页的语法集。优点:将页面的内容与表现形式(css)分离达到可重复利用。css和html之间的关系html是网页的内容, 如 a img 表格 表单 …css控制页面的外观和样式css能做什么?为html控制外观。css基本语法css三种样式产生的原因若要对内容进行多步操作,则需要多个标签嵌套,书写不便。如下例。<原创 2020-10-28 20:58:42 · 342 阅读 · 2 评论 -
css简单练习1
根据css现学内容完成京东导航菜单,参考图片如下:要求:鼠标悬浮在某行,当前行背景颜色改变鼠标悬浮在某个超链接,链接颜色改变分析:css中有三类样式表分别是行内样式表,内嵌样式表和外部样式表,本题中使用内嵌样式表来实现.代码实现:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/原创 2020-10-25 20:45:13 · 1390 阅读 · 4 评论 -
HTML小白也能懂-1
HTML小白也能懂-1HTML简介什么是HTML?HTML指超文本标记语言(Hyper Text Markup Language),它不是一种编程语言而是一种标记语言。超文本:采用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。标记语言:用标签标注网页内容,浏览器在运行网页时就可以根据标注显示相应的格式。HTML能做什么?制作网页。html基础基本的HTML标签-四个实例HTML标题HTML标题是通过<h1> - <h6>等标签进行定义的实例&l原创 2020-10-24 14:43:44 · 1945 阅读 · 12 评论 -
html-表单的简单练习2:
表单的简单练习2:需要实现的效果:代码实现:```htm<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table bgcolor="azure"> <tr> <th colspan="2" bgcolor="blue"原创 2020-10-22 18:20:13 · 222 阅读 · 0 评论 -
html-表单的简单练习3:
表单的简单练习3:需要实现的目标:代码运行:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <img src="img/logo.gif" /> <img src="img/reg.gif" /> <table>原创 2020-10-22 18:12:42 · 230 阅读 · 0 评论 -
html-表单的简单练习2:
表单的简单练习2:需要实现的效果:代码实现:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table bgcolor="azure"> <tr> <th colspan="2" bgcolor="blue">欢迎注原创 2020-10-22 18:10:13 · 140 阅读 · 0 评论 -
html- 表单的简单练习1
表单的简单练习1需要实现的效果图:代码实现:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body > <table border="1" cellpadding="10" cellspacing="0" bgcolor="aliceblue"> <tr&原创 2020-10-22 18:08:16 · 573 阅读 · 0 评论 -
html-表单
html -表单<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- form 表单 laber 标签 input type="text" 输入类型,可选择text单行文本输入框,bottom按钮类型等 name 设置表单名字,值自定义,可重复,向服务原创 2020-10-22 18:03:12 · 344 阅读 · 2 评论 -
表格练习
表格1:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <!-- 表格标签,table(表)、tr(表格中的行)、td(普通表格)和th(表头),写在表头中的内容会自动居中和加粗 --> <!-- border="1"表格有边界;border="0"表格无边界。 --> &l原创 2020-10-20 23:49:02 · 993 阅读 · 1 评论 -
超链接定义锚点
超链接定义锚点原创 2020-10-20 23:31:02 · 845 阅读 · 2 评论 -
HTML复习1
HTML复习:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <!-- 在title标签中可以设置网页标题 --> <title>百度一下</title> </head> <!-- 在body属性中用bgcolor可设置背景颜色,用text可设置整个篇幅的字体颜色 --> <body bgcolor="alicebl原创 2020-10-19 21:15:11 · 387 阅读 · 3 评论