html元素的顺序是怎么排的?

html元素的顺序是怎么排的?,第1张

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus&#174">

  <meta name="Author" content="">

  <meta name="keywords" content="元素,你可以,新建一个,标签,效果">

  <meta name="description" content="&lt!doctype html&gt&lthtml lang="en"&gt &lthead&gt  &ltmeta charset="UTF-8&qu">

  <title>Document</title>

 </head>

 <body>

  <!--这里放其他标签-->

 </body>

</html>

上边是基本的结构,css和js你可以通过<link href="css路径" rel="stylesheet">

<script src="js路径" type="text/javascript"></script>在<title></title>下外部引入

或者采用<style type="text/css">样式的声明<style><script></script>进行页面上的引用.

或者css你可以在页面上标签上写

比如:<p style="background:#fff">p为块级元素</p>

而标签又分为块级元素和行内元素

块级元素为:div table tr td ul li p 等

行内元素为:span i等

我就不一一列举了.具体你可以参照w3school学习

Dreamweaver新建一个HTML文件——修改title为html+css——新建一个div  id为“a”——设置代码,给li设置左浮动效果。

具体步骤:

1、用Dreamweaver新建一个HTML文件

2、修改title为html+css实现横向导航

3、新建一个div  id为“a”,添加ul li标签

4、在li中添加自己想要的文字 并调整好文字间距,按F12预览,如下图所示

5、首先去掉字体前面的小黑点,代码如下:

6、接下来,使文字横向排列,设置代码如下,给li设置左浮动效果

7、按F12预览,效果如下


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7150998.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-02
下一篇2023-04-02

发表评论

登录后才能评论

评论列表(0条)

    保存