前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

快速了解JavaScript的DOM模型

概述

DOM全称Document Object Model,即文档对象模型。是HTML和XML文档的编程接口,DOM将文档(HTML或XML)描绘成一个多节点构成的结构。使用JavaScript可以改变文档的结构、样式和内容。

什么是Markdown,如何使用它?

Markdown是一种简单的语法,它以标题、列表、粗体等形式格式化文本,这种标记语言很流行,你肯定有一些应用程序支持它。下面是一个Markdown的简单示例,介绍了什么是Markdown,如何和在哪里你可以使用它。

什么是Markdown?

在文本中添加粗体、斜体、编号列表、项目符号、标题等时,可以对其进行“格式化”。Markdown是一种语法或规则集,用于格式化网页上的文本。


如何给文字属性或者给效果(2/2)

文字效果对比

1-1倾斜对比

使用p标签,i标签,em标签,对比倾斜效果

浏览器显示如下图:

代码内容如下图:

给p标签添加效果,给em取消倾斜,对比添加效果和自带效果标签的区别 ;

浏览器显示如下图:

代码内容如下图:

1-2文字加粗对比

p、div、b、strong标签对于文字粗细的对比,和附加效果后的对比;

你知道什么是标签函数么?

大家好,我卡颂。

04元素类型

分析以下代码。

<!DOCTYPE html>
<html>
    <head>
        <title>小白学HTML</title>
    </head>

    <body>
        <div style="width: 100px;height:100px;background:orange">
            <a href="https://cn.bing.com" target="_blank">打开Bing搜索</a>
        </div>
        <div></div>
        <hr>
        我是一个短语元素,同时也是一个流元素。
        <div/>
    </body>
</html>

原来这是块级标签、行内标签

1 块级元素

1-1特点

-独占一行,一行只能显示一个

-宽度默认是父元素的宽度,高度默认由内容撑开

-可以设置宽度


2 代表标签


div, p, h系列 ,ul ,li ,dl ,dt ,dd ,form, header·······

br在标签内,在标签外有什么不同,在不同标签内有什么不同

1-1br在标签内部,显示如何(以下是浏览器显示)

(以下是代码)

在p标签内,添加换行标签,除了空出来的一行,还有行与行之间的间距存在,用鼠标选择时,能按到空出来行。

1-2 br在标签外部,和内部的对比。(以下是浏览器显示)

(以下是代码)

总结,在p标签外的br换行,与上面的br放在标签内字体无差别,鼠标选择后,能看到空行也无差别。

「技术」语义化标签还是div/span

html5推出了大量的语义化标签, 如 main, section,footer等。在前端开发中,更常见的却是div span一把梭。语义化标签的使用问题,也经常在网上讨论。我刚学开发前端的时候,对各式各样的html5标签的认识不多,初学的时候,也没有系统地去学习。后面开发多了,才多学习使用了一些。

从技术层面,语义化标签是w3c设计推出的,是web标准。web开发应该遵守和使用。但在实际使用层面,语义化标签并没有预想的那么好。

<< < 1 2 >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言