精华内容
下载资源
问答
  • html简单网站首页代码
    千次阅读
    2022-05-08 23:37:23

    html 概念

    • <!DOCTYPE html> 声明为 HTML5 文档
    • <html> 元素是 HTML 页面的根元素
    • <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8
    • <title> 元素描述了文档的标题
    • <body> 元素包含了可见的页面内容
    • <h1> 元素定义一个大标题
    • <p> 元素定义一个段落

    html基本代码

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    </head>
    <body>
        <h1>我的第一个标题</h1>
        <p>我的第一个段落。</p>
    </body>
    </html>

    注意先玩代码后 文件命后缀一定要改成 .html

    html 超链接

    <a href="https://www.runoob.com">这是一个链接</a>

    html 图片插入与调整大小

    <img src="/images/logo.png" width="258" height="39" />

    修改html页面标题显示

    <title>页面标题</title>

    html 表格建立

    <table border="1">
        <tr>
            <td>row 1, cell 1</td>
            <td>row 1, cell 2</td>
        </tr>
        <tr>
            <td>row 2, cell 1</td>
            <td>row 2, cell 2</td>
        </tr>
    </table>

    html  form表单

    <form action="">
    Username: <input type="text" name="user"><br>
    Password: <input type="password" name="password">
    </form>

     

    更多相关内容
  • html5 简单实例源代码

    2017-04-27 09:17:27
    html5 简单实例源代码
  • 一个简单html代码,可以用txt或者DW打开,就是很基础的一些含表格,主题可替换
  • HTML简单的网页代码编写

    千次阅读 2022-03-20 23:07:18
    HTML 超文本标识语言(hyper text markup language ) 是由一堆代码组成,通过标识和标签,来渲染 文字、图片、音频、视频、动画、表格等。 蒂姆·博纳斯·李 W3C (w3c.org)。html代码,由前端大佬,写出来的网页 ...

    HTML 超文本标识语言(hyper text markup language ) 是由一堆代码组成,通过标识和标签,来渲染 文字、图片、音频、视频、动画、表格等。

    蒂姆·博纳斯·李 W3C (w3c.org)。html代码,由前端大佬,写出来的网页 能符合web标准。万维网联盟 全球四大中心,麻省理工学院,欧洲数字信息中心、东京庆应大学,北京航空航天大学。

    主要作用:就是让各大浏览器都能够显示同一样的页面。

    1、网页由哪些内容组成

    文字、图片、视频、音频、动画、表格。

    2、网页背后的本质是什么

    前端程序员写的代码

    3、前端代码咋变成网页的呢

    通过浏览器的转化(渲染)成用户看到的页面

    浏览器:是网页显示、运行的平台。前端的开发必备利器。

    渲染引擎(内核):浏览器中针对代码进行解析。

    HTML只是描述网页的一种语言,不是编程语言

    H5 IE8以下版本不支持H5。1

    判断标签支持某浏览器的某个版本 Can I use... Support tables for HTML5, CSS3, etc

    手写第一个简单网页

    <!DOCTYPE html>  <!--说明一下代码全部是html-->
    <html>           <!---->
        <head>
            <title>软测三期</title>
        </head>
        <body>
            <center>hello web</center>
            i am rllt<br/>  
            i from china
        </body>
    </html>

    为html添加注释<!--XXXXX-->

    双标记也叫作常规标记,例如<html></html> 有头有尾。标记中可以添加属性和属性值。

    单标记也叫空标记

    没头没尾,但是也可以加属性和属性值。

    常用的标记

    <style>
            p{
                border:5px  blue solid;
            }
    </style>

    定义p为边框像素为5像素,蓝色 单线框

    1、h标记

    作用是标题。h1~h6。一个网页最好只有一个大标题,

    属性:align

    属性值:left(左) center(中间) right(右边)

    2、p标记

    作用是指定一个段落,并自动换行【相对:span】

    属性:align

    属性值:left(左) center(中间) right(右边)

    3、br 单标记

    作用是换行

    4、<em>、<i> 标记

    作用是让字体进行倾斜

    5、<del>、<s>标记

    作用给文字加上横线。

    6、<u> 标记

    作用为文字加上下划线

    7、<b>、<strong>标记

    作用是着重突出显示某文字。加粗

    8、sub和sup 标记

    作用 sub 是下标 sup 是上标

    9、font标记

    属性:color size

    10、<a>标记

    作用:主要跳转网页链接或者链接到本地文件

    属性:href="XXX"|"http://XXXXXX"

    相对路径 : 相对于html所在的路径而言,去调用本地文件

    绝对路径:从根分区一直到文件所在位置,所有经过的路径全部写上

    11、hr标记

    作用:生成一条横线

    属性:size 设置大小单位 px(像素)

    width: 横线在网页显示的长度

    color:横线的颜色设置

    body标记常用属性

    bgcolor: 设置网页背景颜色

    background:设置网页北京图片

    pre、div、p标记

    是一个‘块’标记,同时可将pre标记中的所有内容完全展现。包含换行,空格等}即内容保持一致。

    span标记与p div的区别是,span只占用自己所占用的页面空间,不会占用整行

    html实体字符

    > &gt;
    < &lt;
    * &times;
    / &divide;
    ​
    展开全文
  • css+jquery实现最简单轮播图效果html代码
  • HTML简单代码示例

    千次阅读 2019-11-06 09:33:58
    乘法口诀表HTML代码 运行样式: 代码如下: <!DOCTYPE html> <html> <head> <title>九九乘法口诀表</title> </head> <meta charset="utf-8"> <body bgcolor=...

    乘法口诀表HTML代码

    运行样式:
    在这里插入图片描述
    代码如下:

     <!DOCTYPE html>
     <html>
     <head>
      <title>九九乘法口诀表</title>
     </head>
     <meta charset="utf-8">
     <body bgcolor="white">
     <h1 align="center" >
     <font color="purple red" face="华文楷体" size="10">乘法口诀表</font>
     </h1>
     <p>
     <table border="1" width="700" height="100" bgcolor="white" align="center">
     <tr bgcolor="red purple">
     <td>1*1=1</td>
     </tr>
     <tr bgcolor="purple">
     <td>1*2=2</td>
     <td>2*2=4</td>
     </tr>
     <tr bgcolor="purple green">
     <td>1*3=3</td>
     <td>2*3=6</td>
     <td>3*3=9</td>
     </tr>
     <tr bgcolor="white purple">
     <td>1*4=4</td>
     <td>2*4=8</td>
     <td>3*4=12</td>
     <td>4*4=16</td>
     </tr>
     <tr bgcolor="purple green">
     <td>1*5=5</td>
     <td>2*5=10</td>
     <td>3*5=15</td>
     <td>4*5=20</td>
     <td>5*5=25</td>
     </tr>
     <tr bgcolor="green purple">
     <td>1*6=6</td>
     <td>2*6=12</td>
     <td>3*6=18</td>
     <td>4*6=24</td>
     <td>5*6=30</td>
     <td>6*6=36</td>
     </tr>
     <tr bgcolor="black blue">
     <td>1*7=7</td>
     <td>2*7=14</td>
     <td>3*7=21</td>
     <td>4*7=28</td>
     <td>5*7=35</td>
     <td>6*7=42</td>
     <td>7*7=49</td>
     </tr>
     <tr bgcolor="blue black">
     <td>1*8=8</td>
     <td>2*8=16</td>
     <td>3*8=24</td>
     <td>4*8=32</td>
     <td>5*8=40</td>
     <td>6*8=48</td>
     <td>7*8=56</td>
     <td>8*8=64</td>
     </tr>
     <tr bgcolor="white blue">
     <td>1*9=9</td>
     <td>2*9=18</td>
     <td>3*9=27</td>
     <td>4*9=36</td>
     <td>5*9=45</td>
     <td>6*9=54</td>
     <td>7*9=63</td>
     <td>8*9=72</td>
     <td>9*9=81</td>
     </tr>
     </table>
     </p>
     </body>
     </html>
    展开全文
  • html简单登录页面代码

    万次阅读 多人点赞 2018-06-16 10:18:58
    图片必须是在Imges下的否则显示不出来(复制代码的话把图片换成你的图片就好了) 代码如下 &lt;html&gt; &lt;head&gt; &lt;title&gt;tes
    原文地址为: html简单登录页面代码

    图片必须是在Imges下的否则显示不出来(复制代码的话把图片换成你的图片就好了)

    代码如下

    <html>
    <head>
    <title>test</title> 
    </head>
    <body >
    <fieldset>
    <table background="images\bg_img1.jpg " width="933" height="412">
     <tr height="170">
     <td width="570px"> </td>
     <td> </td>
     </tr> 
     <tr>
    <td> </td>        
    <td><table>
    <form method ="POST" action="http://localhost:8080/test/hello.html?login=%B5%C7%C2%BC" name="frmLogin"  >
     <tr>
     <td>用户名:</td>
     <td><input type="text" name="username" value="Your name" size="20" maxlength="20" οnfοcus="if (this.value=='Your name')  this.value='';" /></td>
     <td > </td>
     <td> </td>
     </tr>
     <tr>
     <td>密  码:</td>
     <td><input type="password" name="password" value="Your password" size="20" maxlength="20" οnfοcus="if (this.value=='Your password')  this.value='';" /></td>
     <td> </td>
     <td> </td>
     </tr>
     <tr>
     <td>验证码:</td>
     <td><input type="text" size="" name="inputcode" value="Your code" οnfοcus="if (this.value=='Your code')  this.value='';" /></td>
     <td><img src="images\bg_img2.gif" alt="打不开网页"> </td>
     <td><a href="#" οnclick="shuaxin();">刷新</a></td>
     </tr>
     <tr>
     <td><input type="checkbox" name="zlogin" value="1">自动登录</td>
     </tr>
     </table>
     </td>
      <tr>
      <td> </td>   
      <td><table>
       <tr>
      <td><input type="submit" name="login" value="登录" onClick="return validateLogin()"/></td>
      <td><input type="reset" name="rs" value="重置"></td>
      <td><input type="button" name="button" value="注册" οnclick="location.href='http://localhost:8080/test/zc.html?login=%B5%C7%C2%BC'"></td>
      </tr>
     </tr>
     </table>
     </td>
     </table>
    </fieldset>
    </form>
    <script language="javascript">
      function validateLogin(){
        var sUserName = document.frmLogin.username.value ;
        var sPassword = document.frmLogin.password.value ;
        var sinputCode =document.frmLogin.inputcode.value ;  
        if ((sUserName =="") || (sUserName=="Your name")){
         alert("请输入用户名!");
         return false ;
        }
         
        if ((sPassword =="") || (sPassword=="Your password")){
         alert("请输入密码!");
         return false ;
        }
        if ((sinputCode =="") || (sinputCode=="Your code")){
            alert("请输入验证码!");
            return false ;
           }
       } 
      </script>
    </body>
    </html>


    执行后如图???





    转载请注明本文地址: html简单登录页面代码
    展开全文
  • html简单网页代码

    万次阅读 2020-03-02 14:41:10
    可以现在电脑中新建一个记事本,然后把后缀名改为“.html”就可以了,在顶部输入代码:“这是网页标题这里是网页显示的部分”,点击保存,然后右键文件选择使用浏览器打开就可以看到一个文件了,在每个标签之间最好...
  • 简单网页设计模板html代码

    千次阅读 2021-09-15 10:53:51
    / 01 / 主题 《黑白·时光》 / 02 / 图摘 / 03 /
  • html】【一个简单的网上购物页面代码

    万次阅读 多人点赞 2018-03-15 14:53:16
    先看结果代码&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;网上购物&lt;/title&gt; &lt;meta http-equiv="keywords" content="...
  • 一个简单的网页布局代码

    千次阅读 2021-06-18 11:11:20
    先来看看效果图:再来看源代码(下面的源代码其实是一个标准的XHTML模板)This is titleheaderlistuserpicsfooter再来看CSS文件。@CHARSET "UTF-8";*{padding:0;margin:0;}body{width:960px;margin:0 auto;background:...
  • 简单登录页面html代码

    千次阅读 2021-05-22 10:53:30
    js/html基础示例:简单登录页面 【实例截图】 【核心代码】 文档:590m.com/f/25127180-496787472-732294(访问密码:551685) 以下内容无关: -------------------------------------------分割线---------------...
  • HTML简单登录页面代码

    千次阅读 2021-06-29 17:07:50
    DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>静态页面登录测试</title> <script language="javascript"> window.onload = function() { ...
  • 一个简单的登录注册页面html代码

    万次阅读 多人点赞 2021-10-20 09:30:52
    这一个简单的注册页面代码,适合初学者进行模仿和理解,这个代码仅限于两个页面的跳转,不包括数据处理 一、效果展示 1.登录 2.注册 二、代码部分 1.登录 代码如下(示例): <style> * { padding: 0; ...
  • 图片自适应页面大小的简单HTML代码

    千次阅读 2022-04-05 10:12:19
    图片自适应页面大小的简单HTML代码
  • 一个简单的网页设计代码

    千次阅读 2021-06-10 07:49:17
    html网页设计:一个简单的登录界面代码!http.w3;"tr> bgcolor="/button"body> /是这样的效果吗; &lt.w3;3登 录"tr>head>td>/...求html静态页面的代码,简单点的?滚动字幕 请进入音乐休闲屋...
  • 这篇文章就和大家分享一个HTML简单登录界面的代码,有一定的参考价值,感兴趣的朋友可以看看。**实例:**制作一个HTML登录页面,包含邮箱,登录密码,立即注册,忘记密码等,代码如下:HTML部分:>>>>&...
  • 简单HTML5圣诞树代码

    千次阅读 2021-12-18 10:42:30
    简单HTML圣诞树代码
  • html 简单表格代码

    万次阅读 2018-07-17 12:47:50
    DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;table style="withd:600px"...
  • CSS布局HTML小编今天和大家分享html静态页面的代码,简单点的?简单HTML网页制作HTML概念HTML...手工直接编写记事本等,存成.htm.html格式使用可视化HTML编用html如何制作一个简单的网页代码?...
  • 这篇文章就和大家分享一个HTML简单登录界面的代码,有一定的参考价值,感兴趣的朋友可以看看。实例:制作一个HTML登录页面,包含邮箱,登录密码,立即注册,忘记密码等,代码如下:HTML部分:程序猿的生活:打造全网...
  • 网站底部添加公安备案HTML代码

    千次阅读 2022-01-12 17:28:08
    参考HTML代码: <div style="width:300px;margin:0 auto; padding:20px 0;"> <a target="_blank" href=...
  • HTML5期末大作业:动漫电影主题—— 电影动漫言叶之庭(4页)带音乐 HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 大学生毕设网页设计源码HTML 1.临近期末, 你还在为...
  • html】【一个简单的用户登录页面代码

    万次阅读 多人点赞 2018-03-15 15:52:49
    结果代码&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;用户登录.html&lt;/title&gt; &lt;meta http-equiv="keywords" content="...
  • html+js实现简单的计算器代码(加减乘除) function setOp(op, opTips){var tb=document.getElementById("tb_calc");tb.style.display = "none";document.getElementById("x").value = "";document.getElementById("y...
  • 某天做项目,觉得自己有这个tomcat启动html网页贼尴尬,再看一下其他百度、csdn有个好看的网站的图标,百度了一下很轻松就能添加网站图标。如图,这个就是网站图标。没添加图标之前,显示的是tomcat的网站图标,很不...
  • html代码实现简单的简历模板

    千次阅读 2020-06-11 20:26:28
    用前端代码编写一个简单的简历模板 完整代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Biographical Notes</title> <style>...
  • 个人网站首页HTML+CSS(超级简单的那种)

    千次阅读 多人点赞 2021-01-26 14:53:50
    整体就是一个很简单的三行三列式布局 上边有一条header 中间是main(里面是三列left center right) 下边是footer 代码片 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,384,757
精华内容 953,902
关键字:

html简单网站首页代码