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/>相当于回车操作
相当于空格操作
<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格式的图像文件。
- html 基础之标签学习
- html学习之基础标签2
- Html基础学习之标签和样式
- 前端基础学习之Html标签
- 前端学习之HTML基础标签(1)
- HTML基础之label标签
- HTML基础之<map>标签
- HTML之标签基础汇总
- HTML标签之常见基础标签
- HTML基础之HTML常用标签
- HTML学习之网页制作基础和常用标签及标签属性
- HTML基础学习-3- image标签学习
- Html学习之<a>标签
- HTML学习之HTML常用标签(一)
- HTML学习小结之HTML标签
- HTML学习之路-3 HTML标签
- HTML学习小结之HTML标签
- Html基础标签的学习(1)
- bzoj 2002: [Hnoi2010]Bounce 弹飞绵羊(分块)
- 《快学Scala》第18章习题参考解答(高级类型)
- 工作简历项目经历阐述
- Genymotion 连接adb服务方法
- Android权限之sharedUserId和签名
- html 基础之标签学习
- JDBC各种插入数据的速度对比
- js实现一个图片懒加载插件
- Windows 10快速在指定目录打开命令行
- Java知识:恒生电子的坑爹笔试题扩展的知识
- 分组(根据某一列的值处理成表格)
- 牛客网 二维数组中的查找python实现
- C++动态规划算法之计算字符串距离
- 银联支付jboss 环境下报异常JCE cannot authenticate the provider BC的解决方法