网页基础2

HTML 基本文档

<!DOCTYPE html>
<html>
<head>
<title>文档标题</title>
</head>

<body>
可见文本...
</body>

</html>

基本标签(Basic Tags)

<h1>最大的标题</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>最小的标题</h6>

<p>这是一个段落。</p>
<br> (换行)
<hr> (水平线)
<!-- 这是注释 -->

文本格式化(Formatting)

<b>粗体文本</b>
<code>计算机代码</code>
<em>强调文本</em>
<i>斜体文本</i>
<kbd>键盘输入</kbd> 
<pre>预格式化文本</pre>
<small>更小的文本</small>
<strong>重要的文本</strong>

<abbr> (缩写)
<address> (联系信息)
<bdo> (文字方向)
<blockquote> (从另一个源引用的部分)
<cite> (工作的名称)
<del> (删除的文本)
<ins> (插入的文本)
<sub> (下标文本)
<sup> (上标文本)

链接(Links)

普通的链接: <a href="http://www.example.com/">链接文本</a>
图像链接: <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>
邮件链接: <a href="mailto:[email protected]">发送e-mail</a>

书签:
<a id="tips">提示部分</a>
<a href="#tips">跳到提示部分</a>

图片(Images)

<img src="URL" alt="替换文本" height="42" width="42">

样式/区块(Styles/Sections)

<style type="text/css">
  h1 {color:red;}
  p {color:blue;}
</style>

<div>文档中的块级元素</div>
<span>文档中的内联元素</span>

无序列表

<ul>
  <li>项目</li>
  <li>项目</li>
</ul>

有序列表

<ol>
  <li>第一项</li>
  <li>第二项</li>
</ol>

定义列表

<dl>
  <dt>项目 1</dt>
    <dd>描述项目 1</dd>
  <dt>项目 2</dt>
    <dd>描述项目 2</dd>
</dl>

表格(Tables)

<table border="1">
  <tr>
    <th>表格标题</th>
    <th>表格标题</th>
  </tr>
  <tr>
    <td>表格数据</td>
    <td>表格数据</td>
  </tr>
</table>

框架(Iframe)

<iframe src="demo_iframe.htm"></iframe>

表单(Forms)

<form action="demo_form.php" method="post/get">

<input type="text" name="email" size="40" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit" value="Send">
<input type="reset">
<input type="hidden">
<select>
<option>苹果</option>
<option selected="selected">香蕉</option>
<option>樱桃</option>
</select>

<textarea name="comment" rows="60" cols="20"></textarea>

</form>

实体(Entities)

&lt; 等同于 <
&gt; 等同于 >
© 等同于 ?

时间: 2024-10-24 06:06:25

网页基础2的相关文章

《The Django Book》实战--第二章--动态网页基础

这章演示了一些最基本的Django开发动态网页的实例,由于版本不一样,我用的是Django 1.,6.3,有些地方按书上的做是不行的,所以又改了一些,写出来让大家参考. 这是一个用python写的一个显示当前时间的网页. 1.开始一个项目. 在命令行中(指定要保存项目代码的盘或文件夹下)输入 python ...\django-admin.py startproject djangobook  (虽然在环境变量Path中加入了django-admin.py的地址,但是在前面还是要加上路径名,不知

网页基础知识

网页基础知识 一.HTML 超文本标记语言 二.分类 1.静态页面(页面内容是代码写死的) 格式:.hrml  .htm 2.动态页面(页面内容是从数据库读的) 格式:.php   .aspx (.net) .jsp(java) 三.DW(工作区) 1.代码界面 2.设计界面 3.拆分 四.基础语法 1.最小单元成为标签 2.双标签元素 (1)两个标签构成 (2)格式:<标签名 属性>内容</标签名> (3)作用:主要作为内容容器 3.单标签元素 (1)有一个标签构成 (2)格式:

11-28 网页基础--JavaScript(DOM)

网页基础 第二部分--HTMLDOM操作 一.定义:htmlDOM是一种面向对象的树的模型,它包含html中的所有元素:通过html可以找到所有包含在dom中的元素. 二.作用: 1.查找html元素 1)通过id查找元素(document.getElementById();) <div id="d" ></div> var x=document.getElementById("d"); 2)通过标签名查找元素 <div id=&quo

第三章 动态网页基础

第三章   动态网页基础 一.概述 使用HTML开发静态网页,静态网页内容时固定的. 1.什么是动态网页 动态网页是指在服务器端运行的使用程序语言设计的交互式网页,它们会根据某种条件的变化,返回不同的网页内容. 1.    动态网页的优势 1.       交互性 网页会根据用户的要求和选择而动态改变和显示内容. 2.       自动更新 无需改变页面代码,便会自动生成新的页面内容,可以大大节省工作量. 3.       随机性 当不同的时间,不同的人访问同一网址时会产生不同的页面效果. 3.

爬虫基础 2.2 网页基础

2.2 网页基础 ????浏览器浏览的网页,均是浏览器根据超文本,CSS,以及,JS,的解解析规则,对服务器返回的数据进行解析加载,进而变成我们所见的页面. ? 2.21 网页的组成 ????1 HTML 构成网页的框架 定义网页的内容 ????2 CSS 构成框架中的元素的样式 规定网页的布局 ????3 JavaScript 对网页行为进行编程 动画,酷炫的效果等 ? ????1 HTML ????网页 括文字.按钮.图片 视频等各 复杂的元素,其基本就是 HTML . 不同类型的文字通过不

JSP技术基础(动态网页基础)

JSP不能直接运行,需要翻译. Jsp执行过程 翻译阶段 Jsp被web容器中的jsp引擎转换为java源码 .class 编译阶段 源码被翻译为.class文件,字节码文件. 执行阶段 部署服务器的过程其实就是编译的过程,web获取客户端的请求后,web开始执行字节码文件. 如果内容被更改,需要重新部署 系统里面有原来的.class文件,就会执行原来的文件,不会执行这个. ? Jsp页面的组成: 静态内容:html静态文本 指令 : <%@ 开始 %> 结束 表达式 :<%=java表

第一天上午——HTML网页基础知识以及相关内容

今天上午学习了HTML基础知识以及相关内容,还有DW的基本使用方法. HTML(HyperText Markup Language):超文本标记语言,超文本:网页中除了包含文本文字之外,还包含了图片,音频,视频等多媒体,所以叫超文本.之所以是标记语言,是因为网页的内容基本都是有一个个标签构成的 首先,是HTML语言和其他语言的对比. HTML:解析执行,逻辑性不强,标签较多,不需要搭建环境.浏览器解析代码,根据源代码从上到下一句一句执行. C等其他语言:编译执行,逻辑性强,需要搭建环境. 然后,

2014-12-25 网页基础,html。

html:超文本标记语言 css:控制html的样式 javascript:结合在网页的基础上,把网页作为界面,对网页的内容进行设置.(脚本语言) html语言中基础代码含义: <!--注释,网页全部由标签嵌套组成--> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--网页的开始标记,放控制信息.标题.描述.编码方式等--> <meta http-equiv="

12-25 网页基础,html。

html:超文本标记语言 css:控制html的样式 javascript:结合在网页的基础上,把网页作为界面,对网页的内容进行设置.(脚本语言) html语言中基础代码含义: <!--注释,网页全部由标签嵌套组成--> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--网页的开始标记,放控制信息.标题.描述.编码方式等--> <meta http-equiv="

11-16C#基础--网页基础

网页制作部分主要讲解三大部分: 1.HTML    超文本标记语言( 全称:Hyper Text  Markup Language) 专门编辑静态网页 2.CSS      网页美化:是HTML控制的样式.格式的一部分 3.Javascript   脚本语言:主要是编写网页中动态效果的.   第一部分   HTML 超文本标记语言专门用于编写静态网页. 1.打开Adobe Dreamwaver CS6 2.新建HTML文件: 3.编写网页文件: 最简单的方式是在记事本中编写 查看效果图: 一个<