python HTML

一.简介

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language),标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> 和 </b>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。

二.Html基础
1. 标题
<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>
在网页中的显示:

2. html段落
<p></p>
 加粗
<b></b>
<strong></strong>
 
回车    
<br />
注释:
<!-- 在此处写注释 -->


页面显示:


3. 字体
<font>   规定文本的字体,尺寸,颜色
<font size = "字体大小" color = "字体颜色" face = "字体类型">要设置的文字 </font>
size: 12,13
color:red, blue, green, yellow,orange

face:   黑体,宋体,微软黑体

<span>行内</span>

<span>行内</span>
行内在一行显示,段落里面可以用过多个标签

<span> 用于对文档中的行内元素进行组合。
<span> 标签没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。如果不对 <span> 应用样式,那么 <span> 元素中的文本与其他文本不会任何视觉上的差异。
<span> 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。



4.特殊字符
空格:  &nbsp;
大于号: &gt;
小于号: &lt;
引号: &quot;
&符号:&amp;
版本号: &copy;
5.超链接

我们通过使用 <a> 标签在 HTML 中创建链接。
有两种使用 <a> 标签的方式:
    1. 通过使用 href 属性 - 创建指向另一个文档的链接
    2.通过使用 name 属性 - 创建文档内的书签

第一种:<a href = "链接地址" target = "_blank">连接标志</a>

a标签支持http协议
标签target属性规定在何处打开链接文档
target ="_self"  默认是连接到本页
_blank 浏览器总在一个新打开,未命名的窗口中载入目标文档
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

第二种:链接到本页面  

1. 首先创建一个锚链接的锚记点:<a  href=“#锚记点名称”>主题名称</a>
2. 然后在具体要链接到的地方设置<a  name=“锚记点名称”></a>

当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。


页面显示:


如果点击“连接标志”会自动跳转到前面定义的URL上。

点击“连接到本页的锚记点”会跳到本页“锚”的位置。

6.图像
图像标签(<img>)和源属性(Src)
在 HTML 中,图像由 <img> 标签定义。
<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。
要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。
替换文本属性(Alt)
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
<img src = "image.jpg" alt = "图片" height = "1000" width = "400">
src  = "url"  图片地址或者本地路径
alt =  "图片"  当图片不显示时,显示的字

height = "400" 高

width = "400"  宽



  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值