html 基础之标签学习

HTML与CSS基础
本文介绍了HTML的基本语法及其常用标签,包括文本格式化、链接、表格和图像等元素,并概述了CSS的基本用途,即如何通过样式表来美化网页。

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格式的图像文件。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值