使用相同的导航栏链接多个页面

时间:2016-05-14 15:25:29

标签: php html css web

所以最近我了解到你可以在html中导入php文件。所以这意味着如果我想创建一个导航栏,我需要在php中编写它,然后在我的html中“包含”它。所以我的问题是:

  1. 如何在php中编写html代码?

  2. 如何使用css设置导航栏的样式?

  3. 澄清第二个问题,我的意思是在将php文件包含到html后css仍然有用

2 个答案:

答案 0 :(得分:1)

至于在php中输出HTML:

<?php
    echo "<p class='myTest' id='myTag'>This is some text within HTML-tags</p>";
    // Notice the use of "" and '', you do not wanna close the echo adding a class or such
?>

对于CSS,首先在HTML文件中包含样式表(在<head>标记中):

<link rel="stylesheet" type="text/css" href="myStyle.css">

并在myStyle.css中设置HTML样式:

p.myTest {
    color: red;
    /* All <p> tags content with the class myTest will be written in red */
}

如果您希望样式特定于标签:

p {
    color: red;
    /* All <p> tags content will be written in red */
}

或者您可能希望将它应用于唯一ID:

#myTag {
    color: red;
    /* The content of the tag with the id "myTag" will be colored red, 
       given that color is a valid property for that specific tag */
}

有大量basic styling教程和指南可帮助您开始设置导航栏的样式。

答案 1 :(得分:0)

如果你的意思是如何将HTML写入php文件,稍后将包括在内,这样你就可以像平常一样编写HTML,而不会在php文件中出现任何问题。

但是如果你想将HTML写入PHP代码,你会这样做:

<?php
    echo "<div> Some content here </div>";
?>

您也可以像使用基本HTML一样使用您的样式(css),它会对您所包含的文件产生任何影响。