py19--HTML

4 篇文章 0 订阅

HTML是框架,CSS是样式
HTML进行布局,CSS进行页面的美化

RDBMS:关系数据库管理系统 (支持GPL协议)

1.数据以表格的形式出现
2.每行为各种记录名称
3.每列为记录名称所对应的数据域
4.许多的行和列组成一张表单
5.若干的表单组成database

HTML自动忽略标题和段落开头的空格

<h1>.............</h1>标题

<p>.......</p>段落

<a href='str_link'>...............link_name</a>链接

<a href="http://www.w3school.com.cn">This is a link</a>

图像是通过 <img> 标签进行定义的

大多数HTML元素可以嵌套

HTML元素可以拥有属性,属性值使用双引号""

<h1 align="center">
<body bgcolor="yellow">
<table border="1">

HTML水平线:<hr /> 标签在 HTML 页面中创建水平线

HTML 注释:<!sbdjahjdhsadh>

用<br />创建空行,换行

<p>
sb<br />SB<br />sbsbsb<br />
</p>

样式:

设置颜色背景

<p style="background-color:pink">this is a pink paragraph.</p>

字体颜色&尺寸(font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸):

<h1 style="font-family:meiryo;color:red;font-size:20px">aaaaaaaaaaaa?</h1>

文本对齐:

<p style="text-align:center">This is paragraph</p>

文本格式化:

预格式文本(使用 pre 标签对空行和空格进行控制)

<pre>
    for i in range(10):
        print(i)
</pre>

缩写字母和首字母缩写

<abbr title="etcase">etc.</abbr>
<acronym title="world wild web">www</acronym>

块引用:实现长短不一的引用语<blockquote>浏览器通常会对 blockquote 元素进行缩进处理

<title></title>:文档的标题

超链接:可以点击这个内容跳转到指定的内容区域中(可以添加target="_blank"属性,使跳转的时候可以新建一个页面

<a href="http://oa.topband.com.cn:7001/defaultroot/upload/loginpage/201711/2017110609374003016721011.jpg" target="_blank">href_name</a>

name属性:规定了锚的名称(可以在BBBBB处点击链接跳转到指定的tips_name处)

<a name="tips">tips_name</a>

<a href="#tips">BBBBBBBBBBB</a>

图像标签<img>和源属性src&替换文本属性alt(为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的)

<img src="https://veads-cdn-e1.ve.com/image/aHR0cHM6Ly93d3cuZm9yZXZlcjIxLmNvbS9pbWFnZXMvM19iYWNrXzc1MC8wMDA2MTAxNi0wMi5qcGc=/proxy/180/180/7126/cb1.0.1.5b27d2f55572c">

将图像作为链接:

<a href="www.hao123.com" target="_blank">
<img border="0" src="https://gss0.bdstatic.com/5bVWsj_p_tVS5dKfpU_Y_D3/res/r/image/2017-09-27/297f5edb1e984613083a2d3cc0c5bb36.png">
</a>

图像映射:(图像中的区域设置按键响应)

<img
src="/i/eg_planets.jpg"
border="0" usemap="#planetmap"
alt="Planets" />

<map name="planetmap" id="planetmap">

<area shape="circle" coords="180,139,14" href ="/example/html/venus.html" target ="_blank" alt="Venus" >
</map>

border设置边界属性

表格中的空单元格用占位符&nbsp;

有序列表和无序列表:

<ol>
<li>dsajhdaj</li>
<li>阿的江阿卡</li>
</ol>
<ul>
<li>dsajhdaj</li>
<li>阿的江阿卡</li>
</ul>

可以通过 <div>(可以直接设置一块的属性,可以作为其他元素的容器) 和 <span> 将 HTML 元素组合起来。

HTML <span> 元素
HTML <span> 元素是内联元素,可用作文本的容器。
<span> 元素也没有特定的含义。
当与 CSS 一同使用时,<span> 元素可用于为部分文本设置样式属性。

HTML类(操作方法和class一样)              span分类行内元素

<!DOCTYPE html>
<html>
<head>
<style>
.cities {background-color:black;color:white;argin:20px;padding:20px;
} 
span.red{color:red;}
</style>
</head>
<body>
<div class="cities">
<h2>London</h2>
<p>
London is the capital city of England. 
<span class="red">It is the most populous city</span> in the United Kingdom, 
with a metropolitan area of over 13 million inhabitants.
</p>
</div> 
</body>
</html>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值