HTML初级知识点

简介:

1)HTML指的是超文本标记语言(Hyper Text Markup Language),HTML文档包含HTML标签和纯文本。

  <html>与</html>标签之间,定义了整个HTML文档。

  <head>与</head>标签之间,定义文档的头部。<base><meta><link><script><style><title>可用在其中。

  <body>与</body>标签之间,定义了HTML文档的主体,是可见的页面内容。

  <h1>与</h1>标签之间,定义了标题

  <p>与</p>标签之间,定义了段落

  <table>与</table>标签之间,定义了HTML表格

常见用法:

1)HTML图像通过img标签进行dinginess,图像的名称与尺寸以属性的形式提供。如下:

<img src="aa.jpg" width="104" height="142" />
<!-- 将服务器的图片显示到网页中 -->
<img src="http://www.wddoer.com.cn/i/wddoer_logo_white.gif" />
<!-- alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。 -->
<img src="boat.gif" alt="Big Boat">

2)HTML链接通过a标签定义,Target属性可以定义被链接的文档在何处显示。如下:

<a href="http://www.wddoer.com.cn/" target="_blank">This is a link</a>
<!-- 下例演示如何使用图像作为链接 -->
<p>您也可以使用图像来作链接:<a href="/example/html/lastpage.html">
<img border="0" src="http://www.wddoer.com.cn/i/eg_happy.gif" />
</a></p>
<!-- 下例演示HTML没有下划线的链接 -->
<a href="/example/html/lastpage.html" style="text-decoration:none">这是一个链接!</a>
<!--  align="center"拥有关于对齐方式的附加信息 -->
<h1 align="center">This is heading 1</h1>

3)a标签中name属性规定锚anchor的名称。如下:

<!--  我们将#符号和锚名称添加到URL的末端,就可以直接链接到tips这个命名锚了 -->
<a name="tips">基本的注意事项 - 有用的提示</a>
<a href="#tips">有用的提示</a>
<a href="http://www.wddoer.com.cn/html/html_links.asp#tips">有用的提示</a>
<!--  本例演示如何使用name链接跳转至文档的另一个部分 -->
<p><a href="#C4">查看 Chapter 4。</a></p>
<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>
<h2><a name="C4">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p>

4)发邮件时,用%20替代单词之间的空格,这样浏览器就可以正确地显示文本。如下:

<!--  本例在安装邮件客户端程序后才能工作 -->
<p>这是邮件链接:
<a href="mailto:[email protected]?subject=Hello%20again">发送邮件</a>
<a href="mailto:[email protected][email protected]&[email protected]&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">发送另一个邮件</a>
</p>

5)表格由table标签定义,表头用th标签定义,表格行由tr标签开始,表格内数据由td标签开始。如下:

<!--  下例为制作一个两行三列的表格。cellpadding单元格边距cellspacing单元格间距nbsp空格占位符bgcolor背景颜色background背景图像 -->
<!--  caption定义表格标题,thead定义表格的页眉,tbody定义表格的主题,tfoot定义表格的页脚,col定义列属性,colgroup定义表格列的组 -->
<body>
<table width="400" border="1" cellpadding="10" cellspacing="5" bgcolor="red" background="/i/eg_bg_07.gif">
<th>Heading</th>
<tr>
  <td align="left">100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>&nbsp;</td>
</tr>
</table>
<!--  border属性为table添加边框 -->
<table border="8">
<tr>
  <td bgcolor="blue">First</td>
  <td>Row</td>
</tr>
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>
<!--  frame框架有box,above,below,hsides,vsides5个属性 -->
<table frame="box">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
</body>
<!--  有序列表始于ol标签,无序列表始于ul标签,每个列表始于li标签,dl定义定义列表,dt定义定义项目,dd定义定义的描述 -->
<body>
<ol start="50">
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>
<dl>
   <dt>计算机</dt>
   <dd>用来计算的仪器 ... ...</dd>
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
</body>
时间: 2024-10-20 12:28:06

HTML初级知识点的相关文章

C#初级知识点整理及VS的简单使用

C#预处理器指令#define #undef 声明一个不需赋值的变量注意的一点事它必须放到using 上面,如 #define TEST using System.xxx; public class Task { public Task() { } } #region #endregion这是一组用来帮助管理代码布局的指令 #if #else #elif #endifif else 没什么好说的.不过这个一般要跟#define搭配使用 #warn #error输出警告或错误 #if DEBUG

指针的初级知识点总结

◆指针可以称得上是C语言的灵魂,正因为有了指针这一强大的功能,让C语言操作的灵活度能够达到一个更高的层次,同时使得C语言在各类编程语言中拥有不可取缔的地位.初学时感到C语言中的指针的相关知识点很繁琐,也很绕,进而许多概念极易混淆,特此整理指针的初级相关知识点. 1. ★指针的概念 地址与指针? 地址:C程序中的变量在占有一个可标识的存储区,每一个存储区是由若干字节组成,而每一个字节都有自己的地址,而一个存储区的地址则为该存储区第一个字节的地址.(&) 存储区访问:存储区的访问方式有直接访问和间接

linux初级知识点整理

1.配置linux的IP地址有两种方法 方法一:dhclient自动获取IP地址 方法二:手动配置IP地址 vi /etc/sysconfig/network-scripts/ifcfg-eth0 进入配置文件后修改如下: ONBOOT=yes BOOTPROTO=static IPADDR=192.168.31.170(如为虚拟机,则需要与真机处于同一网段) NETMASK=255.255.255.0 GATEWAY=192.168.31.1(真实网关) DNS1=8.8.8.8(可配置两个D

初级知识点总结

1.get请求和post请求的区别 get请求 post请求 get请求参数会在URL中 post请求的数据是在请求的包中 请求长度<= 1024字节(HTTP协议本身没有这个限制,是特定的浏览器和服务器对它的限制 理论上讲post请求长度没有限制,但这取决于服务器的处理能力.对于ASP程序,Request对象处理每个表单域时存在100K的数据长度的限制,但如果使用Request.BinaryRead则没有这个贤惠. 后端获取数据的时候用Request.QueryString() Requst.

在Puppet中用ERB模板来自动配置Nginx虚拟主机

1. 模板文件是在puppet模块下面templates目录中以".erb"结尾的文件 puppet模板主要用于文件,例如各种服务的配置文件,相同的服务,不同的配置就可以考虑使用模板文件,例如Nginx和Apache的虚拟主机配置就可以考虑采用ERB模板,nginx的安装在这里建议用系统内部自带的YUM源来安装或其它第三方YUM源来安装,如果是用Nginx的官方源来安装nginx的话,我们可以查看下/etc/yum.repos.d/nginx.repo文件内容,如下所示: [nginx

初级前端自学react-native,必备知识点(ES6+ReactJS+flexbox)

我们在学会搭建react-native环境之后,打开项目根目录,看到很多个文件,但是最起眼的应该就是那俩js兄弟文件了 我们一看那名字就知道,我们接下来的任务就是要弄它们: 我们用编辑器打开项目根目录下的index.android.js文件,可以看到有这么个东西: 那么我们先测试一下,在手机上跑起来.不知道大家还记不记得步骤: 第一步:在项目根目录下打开两个git bash.第一个输入:react-native start        这一步是在启用服务器 第二步:在第一步成功之后,连接手机,

nginx 初级总汇知识点

内容来源:https://www.coderknock.com/blog/2016/04/28/nginx.conf.html https://www.cnblogs.com/zero-zf/p/6907356.html http://blog.csdn.net/david_xtd/article/details/16967837 https://www.cnblogs.com/codingcloud/p/5095066.html   Nginx的启动,停止与重启 Nginx.config 参数

《英语语法新思维初级教程》学习笔记(二)名词

参考资料: 1. <英语语法新思维初级教程> ? 知识点 ▼ 名词是用来表示人.事物.地点以及抽象事物的名称. ▼ 名词通常分为两大类:专有名词(proper noun)和普通名词(common noun). ▼ 专有名词表示特定的人.物.机构或场所等的名词(首字母须大写).如:Paris,the United States和Bill Gates等. ▼ 普通名词又分为:可数名词(countable noun)和不可数名词(uncountable noun)两类. ▼ 可数名词 = 个体名词

《英语语法新思维初级教程》学习笔记(一)名词短语

参考资料: 1. <英语语法新思维初级教程> ? 知识点 ▼ 英语是“固定词序语言(a fixed-word-order language)”. ▼ 语言的构造级别分五个层次:1. 词(word):2. 短语(phase):3. 句子(sentence):4. 段落(paragraph):5. 篇章(discourse) a red rectangle emblazoned with five starts. ▼ 名词短语是由名词和它的修饰语一起构成的.名词的修饰语与名词的关系分两种:1. 放