位置: IT常识 - 正文

使用Python进行网站页面开发——HTML(pythonnetworkx)

编辑：rootadmin

使用Python进行网站页面开发——HTML

一、HTML基础语法

1.HTML是什么？

2.HTML基本结构

3.HTML注释

二、HTML常用标签介绍

1.文本标签

2.格式化标签

3.图片标签

4.超级链接标签

5.表格标签（用来显示数据）

6.表单标签（用来接收数据）

7.行内框架标签

8.多媒体标签

一、HTML基础语法1.HTML是什么？

推荐整理分享使用Python进行网站页面开发——HTML(pythonnetworkx)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:python网络程序,python网络程序,怎么用python写一个网页,网络 python,python 网络应用,python 网络应用,python 网络应用,怎么用python写一个网页,内容如对您有帮助，希望把文章链接给更多的朋友！

●HTML是HyperText Mark-up Language的首字母简写，即超文本标记语言。 ●HTML不是一种编程语言，而是一种标记语言。 ●超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成。 ●用这种语言制作的文件保存的是一个文本文件，文件的扩展名为.html或者.htm ●“html文档也叫Web页面，其实就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它。 ●如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页，显示的网页可以从一个网页链接跳转到另外一个网页。

2.HTML基本结构

●HTML是由:标签和内容构成。 ●HTML标签(标记)的语法是由<和>括起来。 ● HTML标签有两种: 双标签:<标签名>....</标签名>和单标签:<标签名/> ●HTML标签中还可以添加属性: <标签名属性名1=“值1”属性名2=“值2”属性名n=“值n”>..….</标签名> ●HTML标签规范∶标签名小写、属性使用双引号、标签要闭合。规范不遵守浏览器不会报错，会尽量解析，大不了不显示效果。

< ! DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>网页标题</title></ head><body>网页显示内容</body></ html>3.HTML注释

html代码文档中可以插入注释，注释是对代码的说明和解释

4.HTML中head头部信息设置 ●设置网页编码：<meta charset="utf-8" /> ●关键字：<meta name="Keywords" content="关键字"/> ●描述：<meta name="Description" content="简介、描述"/> ●网页标题：<title>本网页标题</title> ●导入CSS文件:：<link type="text/css" rel="stylesheet" href="**.css"/> ●CSS代码：<style type="text/css">嵌入css样式代码</style> ●JS文件或代码：<script >...</script>

二、HTML常用标签介绍1.文本标签

●<hn>..</hn>其中n为1--6的值。标题标签（加粗、独立行)

●<i>...</i>斜体

●<em>...</em>强调斜体

●<b>.…/b>加粗

●<strong ...</strong>强调加粗

●<cite></cite>作品的标题（引用)

●<sub>...</sub>下标

●<sup>...</sup>上标

●<del>...</del>删除线

2.格式化标签

●<br/>换行

●<p>….</p>换段

●<hr />水平分割线

●列表: ●<ul>...</ul>无序列表 ●<ol>..</ol>有序列表其中type类型值:Aali 1 start属性表示起始值 ●<li>...</li>列表项 ●<dl>..</dl>自定义列表. <dt>...</dt>自定义列表头.<dd>...</dd>自定义列表内容 ●<div>...</div>常用于组合块级元素，以便通过CSS来对这些元素进行格式化 ●<span...</span>常用于包含的文本，您可以使用CSS对它定义样式，或者使用JavaScript对它进行操作。

3.图片标签

●<img/>在网页中插入一张图片 ●属性: ●src:图片名及url地址 ●alt:图片加载失败时的提示信息.title:文字提示属性 ●width:图片宽度 ● height:图片高度 ●border:边框线粗细

4.超级链接标签

●<a href=“”>...</a>超级链接标签，属性如下: ●href:必须，指的是链接跳转地址 ●target:表示链接的打开方式: ●_blank 新窗口

●_parent父窗口

●_self本窗口(默认)

●_top顶级窗口

● framename窗口名

● title:文字提示属性（详情)

●锚点链接: ●定义一个锚点:<a id="a1"></a>以前使用的是<a name="a1"></a>

●使用锚点:<a href="#a1"> 跳到a1处</a>

5.表格标签（用来显示数据）

●<table>..</table>表格标签:属性: border（表格边框的粗细大小）、 width、cellspacing（单元格之间的间距）. cellpadding（单元格里的内容到单元格边框的距离）

●<caption>...</caption>表格标题 ●<tr>...</tr>行标签 ● <th>.../th>列头标签（内容会加粗，居中显示） ●<td>...</td>列标签:跨行属性: rowspan 跨列属性:colspan （合并单元格的作用） ●<thead>...</thead>表头 ● <tbody>...</tbody>表体

●<tfoot>...</tfoot>表尾

注意：表格里的内容必须放到<th>、<hd>标签中，否则会被挤出表格

6.表单标签（用来接收数据）

●<form>...</form>表单标签 <form action=""（填写目标地址，填完表单后会跳转该地址） method="post/get"（post是指在跳转到页面后在网址栏那个地方不显示表单的内容，get是指在跳转到页面后在网址栏那个地方显示表单的内容）>

●<input />表单项标签input定义输入字段，用户可在其中输入数据。

● <select>...</select>标签创建下拉列表。

● <textarea>..</textarea>多行的文本输入区域

●<button>...</button>标签定义按钮。

●<fieldset>--</fieldset>元素可将表单内的相关元素分组。

●<legend></legend> 标签为<fieldest>、<figure>以及<details>元素定义标题。

●<datalist> html5标签--<datalist> 标签定义可选数据的列表。

●<optgroup> html5标签--<optgroup>标签定义选项组。