HTML
关注
分享
扫一扫
html
mmsx2017
小豆豆要发论文！
展开
-
3.1 HTML基本结构
一、HTML基本结构 1、文档声明：声明这是一个HTML文档 2、标签：是设计者在告诉浏览器，整个网页是从这里开始的，到结束 3、标签：只能定义一些特殊的内容 4、标签：一般网页绝大多数的标签代码都是在这里编写的二、用记事本编写网页 1、第一步：新建“记事本”，把下面这段代码复制到记事本中去，然后保存，将记事本名字改为“我的第一个网页”。 2、第二步：将记事本后缀名“.tx原创 2022-03-04 15:32:57 · 193 阅读 · 0 评论 -
10.2 网页插入背景音乐
一、bgsound标签简介在网页中可以为某个网页设置背景音乐，使用的是bgsound标签。bgsound是用以插入背景音乐，但只适用于IE浏览器，在Firefox等中未必适用。 语法： 背景音乐的文件可以是avi、mp3等声音文件。“背景音乐的地址”可以是相对路径，也可以是绝对路径。强烈不推荐使用绝对路径。使用bgsound加入背景音乐与使用embed加入音频不一样，加入音频是有操原创 2022-03-04 15:32:36 · 1728 阅读 · 1 评论 -
10.3 网页插入
一、网页中插入flashflash是一种动画技术，在网页制作中常常会用到flash，它可以实现一些较为复杂的动态效果，从而让网页的画面更加生动。 在网页中插入flash也是使用embed标签。语法跟插入音频文件和视频文件一样。 语法：原创 2022-03-04 15:32:03 · 103 阅读 · 0 评论 -
11.1 浮动框架iframe
一、浮动框架iframe简介浮动框架是一种较为特殊的框架，它是在浏览器窗口中嵌套的子窗口，整个页面并不一定是框架页面，但要包含一个框架窗口。框架可以完全由设计者定义宽度和高度，并且可以放置在一个网页的任何位置，这极大地扩展了框架页面的应用范围。 生成的框架结构是依赖上级空间尺寸的，它的宽度或者高度必须有一个和上级框架相同。而浮动框架可以完全由指定宽度和高度决定。语法： 说明： s原创 2022-03-04 15:31:42 · 3186 阅读 · 0 评论 -
HTML标签语义
标签名 英文全称 中文解释 div division 分割（块元素） span span 区域（行内元素） p paragraph 段落 ol ordered list 有序列表 ul unordered list 无序列表 li list item 列表项 dl definition list 定义列表 d原创 2022-03-04 15:31:09 · 147 阅读 · 0 评论 -
1.3 CSS在HTML中的引用方式
在HTML中引入CSS共有3种方式：（1）外部样式表；（2）内部样式表；（3）内联样式表；一、CSS的3种引用方式1、外部样式表外部样式表是最理想的CSS引用方式，在实际开发当中，为了提升网站的性能和维护性，一般都是使用外部样式表。所谓的“外部样式表”，就是把CSS代码和HTML代码都单独放在不同文件中，然后在HTML文档中使用link标签来引用CSS样式表。 当样式需要被原创 2022-03-04 15:30:47 · 1484 阅读 · 0 评论 -
2.1 元素的id和class
id和class是HTML元素中两个最基本的公共属性。一、元素的id属性d属性被赋予了标识页面元素的唯一身份。如果一个页面出现了多个相同id属性取值，CSS选择器或者JavaScript就会因为无法分辨要控制的元素而最终报错。同一页面不能出现相同的id，不同的页面可以出现相同的idclass，顾名思义，就是“类”。它采用的思想跟其他C、Java等编程语言的“类”相似。我们可以为原创 2022-03-04 15:30:26 · 643 阅读 · 0 评论 -
4.4 文本格式化标签
文本格式化标签就是针对文本进行各种格式化的标签，例如加粗、斜体、上标、下标等。一、粗体标签< b>、< strong>在HTML中，对文本加粗，可以使用2个标签：< b>或< strong>。举例：<b>这是粗体文本</b><br/> <strong>这是粗体文本&原创 2018-03-07 22:15:22 · 342 阅读 · 0 评论 -
4.5 水平线标签hr
一、水平线标签在HTML中，水平线标签是< hr/>，它是一个自闭合标签语法：<hr/>静夜思 <p>床前明月光，疑是地上霜。</p><p>举头望明月，低头思故乡。</p><hr/><h3>春晓</h3>原创 2018-03-08 11:03:56 · 914 阅读 · 0 评论 -
5.3 无序列表
一、无序列表简介默认情况下，无序列表的项目符号是●，不过可以通过无序列表type属性来改变无序列表的列表项符号。<ul><li>无序列表项</li><li>无序列表项</li><li>无序列表项</li></ul>效果： 无序列表项 无序列表项原创 2018-03-10 13:37:29 · 1388 阅读 · 0 评论 -
4.3 段落标签<p>
一、段落标签< p>语法：< p>段落内容< /p> 段落标签会自动换行，并且段落与段落之间有一定的空隙二、换行标签< br/>方法一：采用两个< p>标签（两行之间有空隙）例如：< p>床前明月光，疑是地上霜。< /p>< p>举头望明月，低头思故乡。&a原创 2018-03-06 15:41:58 · 360 阅读 · 0 评论 -
4.2 标题标签
一、标题标签简介从上面的一个网页，我们看到，对于一个HTML文档，往往包含有各种级别的标题。在HTML中，共有6个级别的标签：< h1>~< h6>。< h1>到< h6>标签中的字母h是英文header的简称。作为标题，它们的重要性是有区别的，其中< h1>标题的重要性最高，< h6>标题最低。在此说明一下，一般一个...原创 2018-03-05 21:39:42 · 147 阅读 · 0 评论 -
4.1 “段落与文字”章节概述
一、“段落与文字”章节概述（1）标题标签（2）段落标签（3）文本标签（4）换行标签（5）水平线标签（6）特殊符号原创 2018-03-05 21:12:28 · 165 阅读 · 0 评论 -
3.4 HTML注释
一、HTML注释简介语法： < !–注释的内容–>说明： “< !–”表示注释的开始，“–>”表示注释的结束。举例：<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> < head> < title&g原创 2018-02-27 11:53:40 · 551 阅读 · 0 评论 -
3.3 body标签
举例：<!DOCTYPE html> < html xmlns="http://www.w3.org/1999/xhtml">< head> < title>body标签< /title> < /head>< body> < h3>静夜原创 2018-02-26 19:16:22 · 191 阅读 · 0 评论 -
3.2 head标签
< head>标签是比较特殊的，只有一些比较特殊的标签才能放在< head>标签内，其他大部分标签都是放在body标签内。一般来说，只有6个标签能放在< head>标签内：① < title>② < meta>③ < link>④ < style>⑤ < script&原创 2018-02-26 18:57:43 · 245 阅读 · 0 评论 -
4.6 div标签
一、div标签div标签，主要用来为HTML文档内大块的内容提供结构和背景。用来划分一个区域。div标签，又称为“区隔标签”。div标签内可以放入< body>标签的任何内部标签：段落文字、表格、列表、图像等。如： 静夜思 床前明月光，疑是地上霜。 举头望明月，低头思故乡。 春晓 春眠...原创 2018-03-08 11:33:55 · 224 阅读 · 0 评论 -
4.7 网页特殊符号
一、网页中的空格 默认情况下，< p>标签的段落文字首行是不会缩进2个字的 为了使得每个段落首行缩进，我们要在段落前加入空格。空格的HTML代码是“& nbsp;”。 举例：< p>& nbsp; & nbsp;予谓菊，花之隐逸者也；牡丹，花之富贵者也；莲，花之君子者也。噫...原创 2018-03-08 14:00:53 · 827 阅读 · 0 评论 -
4.8 自闭合标签
一、什么叫自闭合标签？ （1）一般标签由于有开始符号和结束符号，可以在标签内部插入其他标签或文字； （2）自闭合标签由于没有结束符号，没办法在内部插入其他标签或文字，只能定义自身的一些属性。二、常见的自闭合标签1、< meta/>定义页面的说明信息，供搜索引擎查看。 2、< link/>用于连接外部的CS...原创 2018-03-08 16:25:04 · 2138 阅读 · 1 评论 -
8.3 内部链接
超链接有两种链接方式：一种是内部链接，另一种是外部链接。一、内部链接内部链接指的是超链接的链接对象是在同一个网站中的资源。与自身网站页面有关的链接被称为内部链接。我们在上一节“超链接a标签”的例子就是外部链接，这个超链接的链接对象是外部网站。而内部链接的链接对象是网站的其他页面或当期页面。...原创 2018-03-12 17:56:31 · 206 阅读 · 0 评论 -
7.3 图片格式
一、位图1、位图简介位图，又称为点阵图像，是由称作像素（图片元素）的单个点组成的。通常位图又分为8位、16位、24位和32位。所谓8位图并不是图像只有8种颜色，而是28（即256）种颜色，8位图指的是用8个bits来表示颜色。从人眼的感觉来说，16位色基本能满足需要了。24位色又称为“真彩色”。224，大概是1600万之多，这个数字差不多是人眼可以分辨颜色的极限了。32位色...原创 2018-03-12 17:32:05 · 273 阅读 · 0 评论 -
6.5 合并行rowspan
一、rowspan属性简介在设计表格时，有时需要将两个或更多的相邻单元格组合成一个单元格，经常使用word的人都会操作过。在HTML中，这就需要用到“表格合并行”和“表格合并列”。合并行使用td标签的rowspan属性，而合并列则用到td标签的colspan属性。语法： < td rowspan=”跨度的行数”><!--第2行--> <...原创 2018-03-11 20:59:30 · 790 阅读 · 0 评论 -
6.4 表格语义化
一、表格语义化< thead>、< tbody>和< tfoot>这三个标签也是表格中非常重要的标签，它在语义上区分了表头、表身、表脚。页脚往往都是用于统计数据。上述三个标签只是为了让代码更有逻辑性...原创 2018-03-11 18:42:52 · 305 阅读 · 0 评论 -
6.3 表格结构
一、表格标题< caption>表格一般都有一个标题，表格标题使用< caption>标签。表格的标题一般位于整个表格的第1行，一个表格只能含有一个表格标题。默认情况下，表格是没有边框的。二、表头< th>表格的表头< th>是< td>单元格的一种变体，它的本质还是一种单元格。它一般位于第一行，用来表明这一行或列的内容类...原创 2018-03-11 18:38:32 · 277 阅读 · 0 评论 -
6.2 表格基本结构
一、表格基本标签表格基本标签有：table标签（表格）、tr标签（行）、td标签（单元格）。< tr>标签和< td>标签都要在表格的开始标签< table>和结束标签< /table>之间才有效。语法：<table> <tr> <td>单元格1</td&g原创 2018-03-11 18:31:07 · 2876 阅读 · 0 评论 -
5.1 HTML列表概述
一、网页中的列表二、列表简介HTML中，列表共有3种：①有序列表；②无序列表；③定义列表。无序列表的所有列表项之间没有先后顺序之分。有序列表的列表项目有先后顺序之分。定义列表是一组带有特殊含义的列表，一个列表项目里包含条件和说明两部分。...原创 2018-03-08 22:28:20 · 193 阅读 · 0 评论 -
4.9 块元素和行内元素
HTML元素根据表现形式，可以分为2类(任何HTML元素都属于这两类中的其中一类)： （1）块元素（block）； （2）行内元素（inline）；一、块元素块元素在浏览器默认显示状态下将占据整行，排斥其他元素与其位于同一行。块元素一般为矩形，可以容纳行元素和其他的块元素。 div  ...原创 2018-03-08 18:19:40 · 223 阅读 · 0 评论 -
3.1 HTML基本结构
一、HTML基本结构 1、文档声明：声明这是一个HTML文档 2、标签：是设计者在告诉浏览器，整个网页是从这里开始的，到结束 3、标签：只能定义一些特殊的内容 4、标签：一般网页绝大多数的标签代码都是在这里编写的二、用记事本编写网页 1、第一步：新建“记事本”，把下面这段代码复制到记事本中去，然后保存，将记事本名字改为“我的第一个网页”。 2、第二步：将记事本后缀名“.tx原创 2018-01-20 14:46:42 · 904 阅读 · 0 评论 -
2.2 Visual Studio
一、Visual Studio简介 二、如何使用 1、第一步，【文件】→【新建网站】 2、第二步，选中【Visual C#】→选中【ASP.NET】空网站→在【浏览】选择存放的位置→点击【确定】 3、第三步，点击选中右栏的“网站根目录”→选中【网站】→点击【添加新项】 4、然后选中“Visual C#”→选择“HTML页”→给网页命名→点击“确定”，接着就可以进入代码编辑页面了。原创 2018-01-20 12:43:56 · 171 阅读 · 0 评论 -
9.5 密码文本框password
一、密码文本框password简介语法： < input type=”password”/>二、密码文本框password属性属性 说明 value 定义文本框的默认值，也就是文本框内的文字 size 定义文本框的长度，以字符为单位 maxlength 设置文本框中最多可以输入的字符数语法： < input type=”passwor...原创 2018-03-12 21:25:55 · 1733 阅读 · 0 评论 -
9.4 单行文本框text
一、文本框text简介语法： < input type=”text”/>二、文本框text属性文本框text属性 说明 value 定义文本框的默认值，也就是文本框内的文字 size &a原创 2018-03-12 21:23:38 · 1505 阅读 · 0 评论 -
9.3 input标签概述
一、HTML< input>标签语法： < input type=”表单类型”/>input为自闭合标签原创 2018-03-12 20:53:21 · 211 阅读 · 0 评论 -
9.2 HTML form标签
一、表单标签< form>语法： < form>表单各种标签< /form>举例： <form> <input type="text" value="这是一个文本框"/><br/> <textarea></textar原创 2018-03-12 18:45:29 · 513 阅读 · 0 评论 -
9.1 表单概述
一、表单概述简单来说，对于一个网页，只限用户浏览的，那就是静态网页。如果用户能实现与服务器交互，如登陆注册、评论交流、问卷调查这些动作的，就是动态页面。...原创 2018-03-12 18:19:18 · 191 阅读 · 0 评论 -
8.4 锚点链接
一、锚点链接简介锚点链接是内部链接的一种，它链接对象是当前页面的某一个部分。锚点链接要设置两部分：一，是目标锚点的id名称；二是超链接部分。id也就是元素的名称，跟name属性一样。区别在于name是HTML中的标准，而id是XHTML中的标准，在web2.0的网页中极少使用name属性，而是使用id属性。在同一个页面中，id是唯一的，也就是一个页面不允许出现相同的id。...原创 2018-03-12 18:01:46 · 511 阅读 · 0 评论 -
8.2 <a>标签
一、a标签简介语法： < a href=”链接地址”>超链接文字< /a> 效果： 超链接文字说明： href属性表示链接地址，也就是点击超链接之后跳转到的地址。二、超链接target属性语法： < a href=”链接地址” target=”目标窗口的打开方式”>超链接文字< /a> 效果： 超链接文字targ...原创 2018-03-12 17:51:03 · 181 阅读 · 0 评论 -
8.1 超链接简介
8.1 超链接简介它能够让浏览者在各个独立的页面之间方便地跳转超链接有外部链接、内部链接、电子邮件链接、锚点链接、空连接、脚本链接等。原创 2018-03-12 17:42:43 · 169 阅读 · 0 评论 -
7.2 相对路径和绝对路径
一、“网页1”引用海贼王图片如果在“网页1”引用“海贼王”这张图片，则图片路径有两种写法：写法一：<img src="images/海贼王.jpg" alt="海贼王" />（相对路径）写法二：<img src="c:/BookTest/images/海贼王.jpg" alt="海贼王"/>（绝对路径）1、相对路径所谓的相对路径，就是在同一个网站下，不同原创 2018-03-12 17:15:39 · 484 阅读 · 0 评论 -
7.1 图像标签img
一、img标签简介属性 说明 src 图像的文件地址 alt 图片显示不出来时的提示文字 title 鼠标移到图片上的提示文字src和alt这两个属性是img标签必不可少的属性。title属性的值往往都是跟alt属性的值相同。二、img标签src属性src，即“source（源文件）”。im...原创 2018-03-11 21:41:32 · 903 阅读 · 0 评论 -
6.6 合并列colspan
一、colspan属性简介语法：< td colspan=”跨度的列数”><body> <table> <!--第1行--> <tr> <td colspan="2">绿叶学习网精品教程</td> &原创 2018-03-11 21:05:09 · 472 阅读 · 0 评论