精华内容
下载资源
问答
  • 银翼杀手2049电影静态网页作业设计了5个页面,采用DIV CSS布局制作,网页作品中的内容来源于百科,包括:网站首页、剧情简介、角色介绍、幕后制作、原著小说。 网页设计整体宽度为1200PX,页面都使用CSS设置了网页...

    知识点应用

    DIV CSS布局、网页背景图片、网页背景音乐、图片列表、字体样式

    作品介绍

    银翼杀手2049电影静态网页作业设计了5个页面,采用DIV CSS布局制作,网页作品中的内容来源于百科,包括:网站首页、剧情简介、角色介绍、幕后制作、原著小说。
    网页设计整体宽度为1200PX,页面都使用CSS设置了网页背景图片,首页插入了背景音乐(可点击播放或暂停)导航部分使用CSS制作了鼠标经过变色。作品完整界面漂亮,但并不难,属于学生基础水平简单网页制作作品。

    网页成品效果预览

    银翼杀手2049电影网页设计模板

    HTML代码预览

    导航代码

    		<div class="nav">
    		<ul>
    		<a href=""><li>网站首页</li></a>
    		<a href=""><li>剧情简介</li></a>
    		<a href=""><li>角色介绍</li></a>
    		<a href=""><li>幕后制作</li></a>
    		<a href=""><li>原著小说</li></a>
    		</ul>
    		</div>
    

    图片列表代码

    <div class="list">
    		 <ul >
    		 <li><img src="images/img003.jpg" /></li>
    		 <li><img src="images/img004.jpg" /></li>
    		 <li><img src="images/img005.jpg" /></li>
    		 <li><img src="images/img006.jpg" /></li>
    		 <li><img src="images/img007.jpg" /></li>
    		 <li style="margin-right:0px;"><img src="images/img008.jpg" /></li>
    		 </ul>
       </div>
    

    作品源地址

    stu-works.com/html/dianying/330.html

    展开全文
  • 如何制作一个HTML网页

    万次阅读 多人点赞 2018-12-27 12:15:53
    一、基本概念 1.什么是 HTMLHTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 ...HTML 标记标签通常被称为 HTML ...

    一、基本概念
    1.什么是 HTML?
    HTML 是用来描述网页的一种语言。
    HTML 指的是超文本标记语言 (Hyper Text Markup Language)
    HTML 不是一种编程语言,而是一种标记语言 (markup language)
    标记语言是一套标记标签 (markup tag)
    HTML 使用标记标签来描述网页
    2.HTML 标签
    HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
    HTML 标签是由尖括号包围的关键词,比如
    HTML 标签通常是成对出现的,比如
    标签对中的第一个标签是开始标签,第二个标签是结束标签
    开始和结束标签也被称为开放标签和闭合标签
    3.HTML 文档 = 网页
    HTML 文档描述网页
    HTML 文档包含 HTML 标签和纯文本
    HTML 文档也被称为网页
    Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。
    二、常用标签
    1.好了,废话不多说,先来看一个例子,打开记事本输入以下字段,保存为html格式:

    <html>
        <head>
    <title>这是标题</title>
        </head>
    <body>
    <h1>这是标题1</h1>
    <p>这是一个段落<p>
    </body>
    </html>
    

    例子解释:前面为开始标签,后面是结束标签

    <html> 与 </html> 之间的文本描述网页
    <body> 与 </body> 之间的文本是可见的页面内容
    <h1> 与 </h1> 之间的文本被显示为标题
    <p> 与 </p> 之间的文本被显示为段落
    

    2.常见的一些标签

    1)HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的,如:<h1>这是标题1</h1>
    2)HTML 段落是通过 <p> 标签进行定义的。
    3)HTML 链接是通过 <a> 标签进行定义的,如
    <a href="https://www.dota2.com.cn/index.htm">DOTA2官网</a>
    4)HTML 图像是通过 <img> 标签进行定义的,如
    <img src="w3school.jpg" width="104" height="142"/>
    5)<font> 规定文本的字体、字体尺寸、字体颜色:<font size="3" color="red">This is some text!</font>
    6)如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签,<br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签
    7)表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
    8)注释标签 <!-- 与 --> 用于在 HTML 插入注释
    9)HTML中有两个分组标签,可以通过 <div> 和 <span> 将 HTML 元素组合起来。HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器;<div> 元素没有特定的含义。除此之外,由于它属于块级元素,浏览器会在其前后显示折行;如果与 CSS 一同使用,<div> 元素可用于对大的内容块设置样式属性;<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。
    10)HTML <span> 元素是内联元素,可用作文本的容器,<span> 元素也没有特定的含义,当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。
    11)<script> 标签用于定义客户端脚本,比如 JavaScript。script 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。
    

    作者这里随意编写了一个HTML网页,大家可以参考。

    
    <!DOCTYPE html>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
            <title>selenuim弹窗</title>
        </head>
        <body>
            <div align="center">
            <h4>一起测试吧</h4>
            <input type="button" onclick="jianjian()" value="带输入框的弹窗"/>
            <span id="textSpan"></span>
            <div align="center">
    
    
            <font color="red" size="6">
    
    
            <p>DOTA是什么:
    
    
            <a href="https://www.dota2.com.cn/index.htm">DOTA2官网</a>
    
    
            <a href="https://www.dota2.com.cn/download/">下载游戏</a>
    
            </p>
            <p>这里的游戏很好玩,里面有吃鸡哦:
            <a href="https://store.steampowered.com/">STEAM</a>
    
            </p>
            </div>
        </body>
        <script>
            function jianjian(){
                document.getElementById("textSpan").innerHTML="";
                con = prompt("输入1为OK,输入2为false");
                if(con==1){
                    document.getElementById("textSpan").innerHTML="<font style='color: green;'>OK</font>";
                }else if(con==2){
                    document.getElementById("textSpan").innerHTML="<font style='color: green;'>都说了false还输入啊</font>";
                }else{
                    document.getElementById("textSpan").innerHTML="<font style='color: red;'>您没有按要求输入,请重新输入</font>";
                }
            }
        </script>
    </html>
    
    

    更详细的关于HTML的资料,请戳:http://www.w3school.com.cn/html/index.asp

    展开全文
  • HTML制作网页

    万次阅读 多人点赞 2018-07-01 16:28:04
    一、步骤1、HTML1、新建文本文档2、改后缀名.html3、以记事本方式打开并编写代码4、保存,关闭后,直接双击打开网页

    一、简介

    ---HTML文档=网页
    ---HTML:Hyper Text Markup Language
    ---HTML标签:不区分大小写,有些大写是自动生成的,页面包括页面标签和页面内容
    ---网页文件格式:.html 或 .htm

    二、步骤

    1、新建文本文档

    2、改后缀名.html 
    这里写图片描述

    3、以html编辑器(或记事本)方式打开并编写代码

    <html>
           <head>
                   <title>哈哈哈,老孙来也</title>
           </head>
           <body>
                   师父
           </body>
    </html>

    4、保存,关闭后,直接双击打开网页 
    这里写图片描述

    三、HTML基本标签 

    html基本结构<html></html>
    段落标签<p></p>用来分段用的
    空格标签&nbsp有几个空格就写几个&nbsp
    标题标签<h#>:#=1~61~6个标题,就是大小粗细递减,再写7啊8啊的就没啥区别了,看不出来不同了
    图片标签<img src=""/>引号里面填图片地址,如果和文档放在一个空间就直接写,图片名.jpg   就OK了
    注释标签<!-- 注释内容 -->和备注一样类似于C#的 //注释    , vb中的 '注释    效果一样

    文档格式标签

    水平线<hr/>效果就是一条线
    拆行<br/>在句子中间出现,它后面的句子就会另起一行

    <html>
    	<head>
    		<title>张国荣</title>
    	</head>
    	<body>
    		我
    		<p>我就是我  是颜色不一样的烟火</p>
    		<p>天空海阔   要做最坚强的泡沫</p>
    		<h1>快乐是快乐的方式</h1>
    		<h2>快乐是快乐的方式</h2>
    		<h3>快乐是快乐的方式</h3>
    		<h4>快乐是快乐的方式</h4>
    		<h5>快乐是快乐的方式</h5>
    		<h6>快乐是快乐的方式</h6>
    		
    		<!--<img src="C:\Users\悟空\Pictures\Camera Roll\1.JPG"/>-->
    		<img src="2.JPG"/>
    <hr/>
    我喜欢我<br/>让蔷薇开出一种结果<br/>孤独的沙漠里<br/>一样盛放的赤裸裸<br/>多么高兴<br/>在琉璃屋中快乐生活
    
    	</body>
    </html>
    

    四、HTML字体

    <b>粗体
    <i>意大利斜体
    <tt>打字机文本
    <u>下划线
    <sup>/<sub>上下标
    <s>删除线

    <b>粗体</b><br />
    <i>意大利斜体</i><br />
    <tt>打字机文本</tt><br />
    <u>下划线</u><br />
    <sup>上标</sup>没错就是上标对是下标在这里<sub>下标</sub>
    <sup>举个例子</sup>X<sub>1</sub><sup>2 </sup>+Y<sub>1</sub><sup>2</sup>=4 <br />
    <br />
    <s>加删除线</s>
    

    五、HTML链接

    ---使用超链接与另一个文档相连
    ---<a></a>标签
    ---链接可以是一个句子,也可以是一幅图片

        语法:

    <a href="URL">...</a>
    
    <a href="http://www.baidu.com">百度</a>
    
    <a href="http://www.baidu.com"><img src="1.jpg"/></a>

    六、HTML列表

    无序列表unorder(圆点)square/circle/disk<ul type="circle">
    <li>第一个</li>
    <li>第二个</li>
    </ul>
    有序列表order(数字)通过type属性来改变<ol type="A">
    <li>第一个</li>
    <li>第二个</li>
    </ol>
    自定义列表

    <dl >项目号

    <dt>C#</dt>

    <dd>内容</dd> 

    </dl>

    简单介绍这么多,HTML的功能方法还有很多,下次分享给大家。

    展开全文
  • HTML表格制作

    万次阅读 多人点赞 2019-06-11 20:58:30
    HTML制作表格有两种方法: (1)先把最原始的表格画出来,每一个都是单个单元格,然后再根据要求进行行合并或列合并,有的表格需要行列都合并,则也是把它分为两步做,先合并行再合并列(或者先合并列再合并行)...

    HTML中制作表格有两种方法:

    (1)先把最原始的表格画出来,每一个都是单个单元格,然后再根据要求进行行合并或列合并,有的表格需要行列都合并,则也是把它分为两步做,先合并行再合并列(或者先合并列再合并行),若进行了colspan和rowspan的合并,则将之后同一行或同一列的单元格删除,但这种方法较麻烦,容易搞混。

    (2)直接根据最终要生成的表格来操作,将每个合并的单元格看做一个小的单元格,不再将它拆分,然后一行一行的写表格,遇到合并的单元格直接写出colspan或rowspan,下面若遇到已经用过的合并的单元格,则不再将其算到内,只看还剩多少单元格。这种方法一行一行的写,不用再去删单元格,比较清晰。

    以下为制作的一个简单表格及其代码:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>表格</title>
    </head>
    <h3 align="center">项目增补单</h3>
    <table border="1" height="500" width="1000" cellspacing="0" align="center">
    	<tr align="center">
        	<td>序号</td>
            <td>维修项目及更换配件</td>
            <td>单价</td>
            <td>数量</td>
            <td>小计</td>
            <td>工时费</td>
            <td>合计</td>
            <td>故障原因</td>
        </tr>
        <tr align="center">
        	<td>1</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr align="center">
        	<td>2</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr align="center">
        	<td>3</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr align="center">
        	<td>4</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr align="center">
        	<td>5</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr align="center">
        	<td>6</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr align="center">
        	<td rowspan="4">7</td>
            <td></td>
            <td colspan="2" rowspan="4"></td>
            <td rowspan="4"></td>
            <td rowspan="4"></td>
            <td rowspan="4"></td>
            <td rowspan="4"></td>
        </tr>
        <tr align="center">
        	<td></td>
        </tr>
        <tr align="center">
        	<td></td>
        </tr>
        <tr align="center">
        	<td></td>
        </tr>
        <tr >
        	<td colspan="2">备件费用小计:</td>
            <td colspan="5">工时费用小计:</td>
            <td>合计:</td>
        </tr>
        
    </table>
    <table height="50" width="900" align="center">
    	<tr>
    		<td>班组长:</td>
            <td>技术部:</td>
            <td>服务顾问:</td>
            <td>客户确认:</td>
    	</tr>
    </table>
    <body>
    </body>
    </html>
    
    展开全文
  • #3使用html+css+js制作网页 制作登录网页

    万次阅读 多人点赞 2020-01-31 20:23:54
    #3使用html+css+js制作网页 制作登录网页 详细教程
  • html+CSS制作一个3D旋转相册

    万次阅读 多人点赞 2019-10-22 16:13:33
    前端html+css知识小应用 首先,我们要新建一个总的文件夹,文件夹里面新建一个images的文件夹,用来装图片,一个HTML文件,这里要注意,images文件夹和html文件是并列属性的,编辑器我用的webstrom,如下图所示: ...
  • 自己给好朋友制作的一个生日快乐的网站,做完之后放上来希望能帮到大家。具体的信息请查看我的对应博客。 因为文字和图片资源涉及到我的个人隐私,所以在上传的文档中文档均已做替换,而图片均已删除,请大家替换为...
  • 抖音旋转相册制作详解(包含源代码html+css)

    万次阅读 多人点赞 2019-11-24 19:43:39
    制作旋转相册很简单,需要工具为:Windows的记事本即可:(如果有专业的HTML编辑工具会更方便); 首先新建文件夹如:旋转相册实例;取题材,图片(分别命名号序列,之所以序列方便下面引入图片修改路径); 我...
  • HTML制作用户登录界面

    万次阅读 多人点赞 2019-06-20 09:26:44
    1、index代码 <...doctype html> <html> <head> <meta charset="utf-8"> <title>login</title> <link rel="stylesheet" type="text/css" href="cs...
  • HTML静态网站制作作业

    热门讨论 2010-04-23 01:13:25
    静态网页制作作业,无标记,有关天文方面,无标记,可自添加,附网站结构图
  • 制作的一个动态博客网站,代码中给出了详细的解释,此外操作步骤也可见我的个人博客http://blog.csdn.net/mind_programmonkey,里面有详解
  • 教你玩转HTML(html5)h5网页设计,网站
  • 自己给好朋友制作的一个生日快乐的网站,做完之后放上来希望能帮到大家。具体的信息请查看我的对应博客。 http://blog.csdn.net/qq_33171970/article/details/52528336#comments 因为文字和图片资源涉及到我的个人...
  • 使用html框架制作一个网站布局

    千次阅读 多人点赞 2019-10-15 09:42:48
    使用html框架制作一个网站布局 <html> <head> <meta charset="utf-8" /> <title> html的框架用法</title> </head> <!-- frameborder:指定是否显示边框,等于"1...
  • CSS/HTML制作电影网站中的电影卡片

    千次阅读 2021-01-27 11:04:56
    简介: ...DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
  • HTML+CSS简单应用实例——购物网站制作(一)

    万次阅读 多人点赞 2020-12-17 10:20:27
    HTML+CSS简单应用实例——购物网站制作(一) 这是一个用CSS、HTML、JS制作的简单的购物网站,这篇文章是主页,在后面文章中依次有登录页、商品页、客服页面等。有很多不足之处,希望大家能给我指出来。 先看一下...
  • 该代码是http://blog.csdn.net/qq_29656961/article/details/78155792博客里面的代码,代码里面有要用到的图片资源和音乐资源。
  • HTML CSS JavaScript网页制作从入门到精通 第3版共分为19章和4个附录,重点介绍使用HTML进行网页制作的方方面面,同时讲解了目前流行的Web标准与CSS网页布局实例,以及基于JavaScript语言的网页特效制作,还介绍了新...
  • HTML个人简历模板代码

    万次阅读 多人点赞 2019-08-23 16:37:02
    html> <body background=http://p1.so.qhmsg.com/t01ed5a885549b6bf3b.jpg> <table border="1" align="center" cellpadding="10" width="800"> <tr> <th colspan="7" bgcolor="B...
  • HTML 表单制作

    万次阅读 多人点赞 2019-09-19 20:36:11
    HTML 表单 用于收集不同类型的用户输入。 表单是一个包含表单元素的区域 表单元素是允许用户在表单中输入内容, 比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等 表单使用...
  • 掌握HTML4.01常见基本标签; 熟练HTML结构和语法规范; 使用列表系列标签完成常见网页中的列表结构; 熟练掌握表格,表单都系列标签,在项目中熟练使用; 了解哪些标签在项目中经常使用,哪些标签已被废除; 迈出HTML5...
  • HTML&CSS:制作简易电商网站

    千次阅读 多人点赞 2020-03-04 22:04:04
    最近开始学习了写前端,HTML和CSS是前端的基础,所以用他们制作了一个简单的电商网站,目的在于细节学习和打牢基础。 先附上Code。 链接:https://pan.baidu.com/s/1PkgHUghworqcus0LwAuFDw 提取码:b672 部分...
  • HTML+CSS简单应用实例——购物网站制作(五)

    千次阅读 热门讨论 2020-12-17 11:02:28
    HTML+CSS简单应用实例——购物网站制作(五) 本页面是第三个商品页面。 下面是效果图: 分析:上方淘淘超市是一个DIV,下面超值套装每个商品是一个DIV,美容护肤是一个大表格。下面是脚本。 具体代码: <!...
  • #1使用html+css+js制作网站教程 准备

    千次阅读 2020-01-26 19:43:21
    #1使用html css js制作网站教程 准备阶段 介绍编辑软件,基本框架,基本概念
  • HTML+CSS初级入门

    万人学习 2017-07-22 13:34:05
    本课程主要目标是教给大家: 1)HTML和CSS能干什么? 2)HTML和CSS是什么? 3)HTML和CSS怎么用,这里会讲解常用到的HTML和CSS的使用规则 4)一步一步开发一个响应式的页面 QQ交流群:659123270
  • HTML制作菜鸟教程网站首页

    万次阅读 2018-09-21 11:57:57
    这是我们要制作网站首页  我们接下来将分块进行解析: 顶端模块: 我们将顶端模块分为两个div,分别通过float属性和margin属性达到我们想要的布局效果. 此处我试用的高和宽皆为像素定值,实际很多地方高都不...
  • html如何制作爱情表白代码

    万次阅读 多人点赞 2018-02-09 11:30:52
    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;&lt;html xml:lang="en" xmlns="...
  • HTML Help WorkShop制作chm图解

    万次阅读 热门讨论 2019-08-13 13:49:57
    在使用的过程中,我使用了微软提供的HTML Help WorkShop这个软件,可惜是英文的,为了方便广大对英语不是很熟悉的朋友,本人写了一份制作图解,希望对大家有帮助。   图1 HTML Help WorkShop运行界面 图2 新建...
  • HTML制作简单的页面

    万次阅读 多人点赞 2020-07-18 18:07:49
    一.HTML页面制作代码部分 <html> <head> <meta charset="utf-8"> <title>Music Login Form</title> <!--css代码声明--> <style type="text/css"> //div的设置...
  • 使用css样式设计一个简单的html登陆界面

    万次阅读 多人点赞 2019-09-05 19:54:26
    利用DIV+CSS布局来制作一个登录页面 login.html部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> <!--引入字体图标库--> ....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 440,220
精华内容 176,088
关键字:

html网站制作