码迷,mamicode.com
首页 > Web开发 > 详细

学PHP也要懂得HTML

时间:2018-11-22 13:12:17      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:水平分割   width   补充   table   选择   文件链接   ack   一段   prope   

简单的HTML制做:

      html超文本标记语言

          HTML文件主体结构:

<!DOCTYPE html>
<html> <!--htlm开始标记 -->
<head> <!--HTML头信息开始标记 -->
<title>本页面标题</title> <!--网页标题标记 -->
</head> <!--头信息结束标记 -->
<body bgcolor="black" text="#ffffff"> <!--网页主体标记 -->
<center> <!--格式标记中的居中标记-->
<h1>这是第一个html实列子</h1> <!--内容标题标记-->
</center> <!--居中格式结束标记-->
<hr width=80%> <!--输出分割线标记-->
<p>本页面显示黑色背景,白色文本</p> <!--段落标记对-->
</body> <!--页面体中内容结束标志-->
</html>

  HTML文档头部元素<head></head>  文件的标题<title></title>元素  <base>元素只有一个b必须放在头部,放在任何包含URL地址的语句之前(作用:当遇到相对的URL时<base>实际上是将相对的url转化为完整的绝对的URL)

  eg:<base href="URL"target="WINDOW_NAME"/>

  <link>元素可用于创建到css样式表的链接{描述俩个文档之间文件链接的关系}

  eg:<link rel="stylesheet"type="text/css"href="style.css"/>

  <meat>元素:标记属性来定义文件信息的名称、内容。在HTML的头部可以标记任意多个<meat>标记,可以建立多种多样的效果和功能。

  eg:<meat name="某个设置值"content="对该设置的值补充具体说明信息"/>

  eg:<meat http-equiv="某个设置值"content="对该设置值进行具体补充说明"/>

    以上是头部信息的一些基本用法

  HTML文档主体标记<body></body>

属性

描述

   
text 设置页面文字的颜色
background 设置页面背景的图像
bgcolor 设置页面背景的颜色
bgproperties 设置页面背景图像为固定,不随页面滚动而滚动
link 设定页面默认的链接颜色
alink 设定访问后链接文字的颜色设定页面的上边距
vlink 访问后链接文字的颜色
topmargin 设定页面的上边距
teftmargin 设定页面的左边距

  id设定标签的ID  name设定标签的名称  class设定标签样式的类选择器  style设定标签样式的属性

    格式标签:

        <br>换行标签  <p>换行段落标签  <center>居中对其标签  <pre>与格式化标记,保留文字在源代码中的标记  <li>l列表项目的标记

        <ul>无序列表  <ol>有序列表  <hr>水平分割线标签,用于段落与段落之间的分隔。

<!DOCTYPE html>
<html>
<head>
<title>格式标记测试网络</title>
</head>
<body>
<p>一段文本</p>
<center>这行文本在网页上居中显示</center>
<pre> 上边
左边 右边
下边
</pre>
<hr>
无序顺序列表
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>
有序顺序列表
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
</body>
</html>

 

 

学PHP也要懂得HTML

标签:水平分割   width   补充   table   选择   文件链接   ack   一段   prope   

原文地址:https://www.cnblogs.com/dream2060/p/10000347.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!