html 基础之标签学习

来源:互联网 发布:python 函数作为参数 编辑:程序博客网 时间:2024/05/21 10:29

Html+css:

html:超文本标记语言

1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

标签:

<html>…

<head><title><style>…

<body>…

 

<hx></hx>(x:1-6)各级标题,文字加粗

<p></p>段落

<strong>强调文字,加粗<b>

<em>强调文字,斜体<i>

<span>强调文字,自定义文字style span{color:blue;}

<q>引用的文字,具体显示为加引号

<blockquote>引用的长文本,具体显示为所有行缩进两个字符

<br/>相当于回车操作

&nbsp;相当于空格操作

<hr>行分界线,默认加粗

<address>描述地址,姓名等,表现为:斜体

<code>显示简短代码

<pre>显示长段代码

<ul>圆点列表

<ol>数字列表

<li>列表的每一项

<div id="hot">划分的块独一无二的id

 

链接:

<a href="目标网址" title=“鼠标滑过显示的文本”target="_blank">链接显示的文本</a>

Target=“_blank”在新窗口打开

Href:超文本引用

<tablesummary="对表格的描述,不会显示,增强可读性"><tbody><tr>行【<td>列</td><th>表头,bold,居中</th>】</tr></tbody></table>

添加css样式:

<style type="text/css">

table tr td,th{border:1px solid blue;}

</style>

<caption>表格标题,位于表格上方</caption>

<ahref="mailto:XXX@qq.com;YYY@126.com?cc=hello@imooc.com&bcc=pp@qq.com&subject=邮件主题&body=邮件内容"></a>

Cc:抄送 bcc:秘密抄送 subject body

插图:

<imgsrc="图片地址" alt="下载失败时的替换文本" title = "提示文本">

1、src:标识图像的位置;

2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;

3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);

4、图像可以是GIF,PNG,JPEG格式的图像文件。

原创粉丝点击