菜鸟碎碎念之html学习笔记

本文介绍了HTML的基本用法,包括标题、段落、链接、图像、换行等元素的定义方式,并涵盖了表单、表格、框架集及元数据的使用方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

http://www.w3school.com.cn/html/html_lists.asp


主要要用的:

http://www.w3school.com.cn/html/html_colornames.asp   //可以查询颜色码

http://www.w3school.com.cn/html/html_forms.asp  //介绍表单form的使用

其他基础概念:

HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

HTML 段落是通过 <p> 标签进行定义的。

HTML 链接是通过 <a> 标签进行定义的  

<a href="http://www.w3school.com.cn">This is a link</a>
HTML 图像是通过 <img> 标签进行定义的。  
<img src="w3school.jpg" width="104" height="142" />

希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签:

<p>This is<br />a para<br />graph with line breaks</p>


显示URL地址:<a href=“http://...”>地址显示的名字</a.>

<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.


改变文字方向

<!----rtl从右向左,ltl从左向右>

<bdo dir="rtl">
Here is some Hebrew text
</bdo>


使用外部样式表

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<h1>使用外部样式表</h1>

使用内部样式

<head>

<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

表格的表头

表格的表头使用 <th> 标签进行定义。


在一个页面中显示多个界面

重要提示:不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。

<html>


<frameset cols="25%,50%,25%">   <!-----------<frameset rows="25%,50%,25%">是竖着放>

<noframes><!----------可以改变框架结构------------->

  <frame src="/example/html/frame_a.html">  <!-------如果<frame src="/example/html/frame_a.html" noresize="noresize" />则不可以改变边框大小----->
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">


</frameset>


</html>



元数据(metadata)是关于数据的信息。

<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。

典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。

<meta> 标签始终位于 head 元素中。

元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值