框架的框组词 HTML学习
一.HTML简介
<html>
<head>
<meta charset = "UTF-8">
<title> test标题title>
head>
<body>
<h1>我的第一个标题h1>
<p>我的第一个段落p>
body>
html>
二.HTML编辑器
可以直接使用或者,新建文件写html代码即可,写后另保存为以.html或者.htm为后缀的文件,最后在浏览器种选择“文件”菜单的“打开文件”命令,或者直接在文件夹中双击HTML文件即可运行。
1.HTML基础 (1)HTML标题
HTML的标题是通过-标签来定义的
<h1>first titleh1>
<h2>second titleh2>
<h3>third titleh3>
(2)HTML段落
<p>first paragraphp>
<p>second paragraphp>
(3)HTML链接
HTML链接是通过标签来定义的
<a href="http://www.runoob.com">这是一个链接a>
(4)HTML图像
HTML图像是通过标签
来定义的
<img src="/images/logo.png" width="258" height="39" />
三.HTML元素
HTML文档由HTML元素定义
开始标签元素内容结束标签
《p》
这是一个段落
《/p》
《a href=”.htm”》
这是一个链接
《/a》
《br》
换行
我真的不知道怎么能把
这样的打到表格里面去
HTML元素以开始标签起始,以结束标签终止,元素的内容是开始标签与结束标签之间的内容,有的HTML元素有空内容,例如
框架的框组词,空元素在开始标签中进行关闭,也就是以开始标签的结束而结束。
注意:建议使用小写标签
四.HTML属性
HTML元素可以设置属性,属性可以在元素中添加附加信息,一般描述于开始标签,并总是以名称/值对的形式出现,比如:name = “value”
<a href="http://www.runoob.com">这是一个链接a>
HTML属性常用引用属性值,属性值被包含在双引号内,并使用小写属性。常用属性有以下几种:
五.HTML标题
标题是通过-标签进行定义的,是最大的标题,是最小的标题
注:浏览器会在标题后自动添加空行。
HTML水平线
标签在HTML页面中创建水平线
HTML注释
HTML提示
如果要查看网页的源码,右击查看源文件或者查看页面源代码就可以。
六.HTML段落
<p>这是一个段落p>
<p>这是另一个段落p>
HTML折行
如果希望咋不产生一个新段落的情况下进行换行(新的一行)框架的框组词,要使用
HTML输出
我们无法确定HTML被显示出来的确切效果是什么样的,屏幕的大小以及窗口的调整都有可能导致不同的结果,而且我们也无法通过在HTML代码中添加额外的空格或者换行来改变输出的结果,在html中所有连续的空格或者空行都会被算作一个空格。
七.HTML文本格式化 1.文本格式化
在HTML文件中对文本进行格式化
<b>这个文本是加粗的b>
<strong>这个文本是加粗的strong>
<big>这个文本的的字体被放大了big>
<em>这个文本是斜体的em>
<i>这个文本是斜体的i>
<small>这个文本是缩小的small>
<br>
这个文本包含<sub>下标sub>
<br>
这个文本包含<sup>上标sup>
注:``只是简单的将文本加粗和变成斜体,而``有强调的作用(如果使用网页阅读器阅读网页,会重读,b不会),例如是为了未来建设语义网而诞生的,因为html是负责显示的标记,不能表示语义,而在语义上走出了第一步。
2.预格式文本
如何使用pre标签对空格和空行进行控制
<pre>
此案例演示如何使用 pre 标签
对空行和 空格
进行控制
3.“计算机输出”标签
这些标签用于显示计算机/编程代码
<code>计算机输出code>
<br />
<kbd>键盘输入kbd>
<br />
<tt>打字机文本tt>
<br />
<samp>计算机代码样本samp>
<br />
<var>计算机变量var>
<br />
4.地址的写法
<address>
Written by <a href="mailto:webmaster@example.com">Jon Doea>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
address>
输出就是标准的地址格式
5.缩写和首字母缩写
在某些浏览器中,当把鼠标移到缩略词上的时候,title可用于展示出完整的表达式
<abbr title="etcetera">etc.abbr>
<br />
<acronym title="World Wide Web">WWWacronym>
注:IE5中元素有效,.2中abbr和都有效
6.改变文字显示方向
将输入的文字由右到左显示
<p>该段落文字从左到右显示。p>
<p><bdo dir="rtl">该段落文字从右到左显示。bdo>p>
7.引用(我没觉得有啥用)
定义短的引用语,定义引用、引证的时候用
WWF's goal is to:
Build a future where people live in harmony with nature.
We hope they succeed.
和中间是引用的内容,输出时会自动加上引号
8.删除线和下划线
<p>My favorite color is <del>bluedel> <ins>redins>!p>
八.HTML 链接
超链接可以是一个字一个词一组词,也可以是一幅图像,可以点击这些内容来跳转到新的文档或者当前文档的某个部分。当把鼠标移到网页中的某个链接上的时候,箭头会变为一只小手。在标签中使用了herf属性来描述链接的地址。
默认情况下,链接将以以下形式出现在浏览器中:
<a href = "url">链接文本a>
url是链接的目标,链接文本是会在网站中显示的文本,点击文本可以跳转到url,注意使用URL的时候应该始终将正斜杠添加到子文件夹(也就是在最后加上斜杆)
1.属性
使用属性,可以定义被链接的文档在何处显示
<a href = "http://www.baidu.com/" target = "_blank">访问百度a>
会在新窗口中打开链接内容
<p>跳出框架?p>
<a href="http://www.runoob.com/" target="_blank">点击这里!a>
会在当前窗口打开链接内容
2.id属性
id属性可以用于创建一个HTML文档书签标记(书签在HTML文档中是不显示的,所以对于读者来说是隐藏的),
<a id = "tips">有用的提示部分a>
这个应该是可以用来跳转到本页面的某部分,但是样例我还没有搞明白,哭
我造了我造了
<a href = "#C4">查看C4位置的东西a>
<a id = "C4">我是C4呀a>
这样点击查看C4位置的东西就会跳转到C4位置了啊
3.图片链接
<p>创建图片链接:
<a href="http://www.runoob.com/html/html-tutorial.html">
<img border="10" src="smiley.gif" alt="HTML 教程" width="32" height="32">a>p>
<p>无边框的图片链接:
<a href="http://www.runoob.com/html/html-tutorial.html">
<img border="0" src="smiley.gif" alt="HTML 教程" width="32" height="32">a>p>
还有待学习
4.点击链接发送邮件
<a href="mailto:liyu9691@qq.com?subject=这是邮件的主题&body=这是邮件的内容" rel="nofollow">发送邮件a>
调用系统默认的邮件程序发送给,收件人那里已经填好了邮箱地址,如果要抄送要使用关键字cc,密送使用关键字bcc。第一个参数也就是邮件地址后面的分隔符用?,其他参数的分隔符用&,多个邮件的地址用;隔开
<a href="liyu9691@qq.com?cc=someone@163.com&bcc=somebody@163.com" rel="nofollow">发送邮件a>
九.HTML&
以上为陆作网整理发布,希望对大家有所帮助!
- 上一篇: 眼泪伤感的句子说说心情
- 下一篇: 赞美女人有气质的句子