`
kewen342757003
  • 浏览: 145115 次
社区版块
存档分类
最新评论

HTML 学习小记(二)

    博客分类:
  • HTML
阅读更多
1.HTML格式化有很多,具体用到哪一种的时候翻一下就行

2.HTML的样式
  (1)可以在<head> 标签对中进行定义,之后便可以使用  例如:
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

这样下面使用的 <h1> 和 <p> 标签中的文字内容,就会带有上面已经定义好的样式.

  (2) 另外一种方法是引入一个css样式文件:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
后面也一样可以使用该文件中定义好的样式 

   (3) 还有一种个别元素需要使用到的样式,可以在该元素的属性中进行定义
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>


3.HTML  超链接
通过 <a> 标签实现超链接   href 属性规定链接的目标。
开始标签和结束标签之间的文字被作为超级链接来显示。
<a href="http://www.baidu.com/">Visit baidu</a>


增加 target="_blank" 属性  可以使链接在新窗口中打开
增加 name属性,定义锚名称   用#引用锚名称:
<p>
<a href = "#kewen"> kewen </a>
</p>

<h1><a name = "kewen">wo shi kewen </a> </h1>


4.HTML表格
<table>定义表格  <tr> 行 <td>列  <border = "1"> 设置表格边线粗细
&nbsp 表示空格占位符  基本上就这些是常用的

5.HTML列表
(1)有序  ul标签
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

结果为:
•Coffee
•Milk

添加属性
<ul type="disc">    可以打出小圆点 • 
<ul type="circle">  可以打出空心圆 ◦
<ul type="square">  可以打出小方块 ■


(2)无序  ol标签
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
结果为:
1.Coffee
2.Milk

添加属性
<ol type="A">  可以依次排序为  ABCD
<ol type="a">  可以依次排序为  abcd
<ol type="i">  可以依次排序为 i ii  iii iv


(3)自定义标签  一般用不到

分享到:
评论

相关推荐

    d3js 学习小记

    ### D3.js 学习小记 #### SVG基础与D3.js绘图实践 ##### SVG基础 SVG(可缩放矢量图形)是一种基于XML的矢量图像格式,用于描述二维图形以及图形应用。SVG 图像可以被放大、缩小而不会失真,非常适合于网页制作。...

    java小记.rar

    Java Web开发是软件行业中一个广泛讨论的话题,涵盖了诸如Servlet、JSP、JDBC、MVC框架、企业级组件以及各种工具和技术。...通过学习和参考这些笔记,可以提升Java Web开发技能,更好地应对实际项目中的挑战。

    python进行爬虫小记

    Python爬虫技术是一种用于自动化网页数据抓取的编程方法,尤其适合初学者快速入门。Python在爬虫领域具有显著优势,因为其拥有丰富的第三...通过不断实践和学习,可以掌握各种策略和技术,应对不同类型的网页抓取任务。

    树形菜单DTree使用小记

    **二、DTree的实现原理** DTree的实现通常基于HTML、CSS和JavaScript,利用DOM操作动态构建树形结构。每个节点代表一个HTML元素,通过CSS样式实现视觉上的层次感,而JavaScript则负责处理用户的交互事件,如点击、...

    android应用登录模块访问mysql数据库小记.pdf

    为了实现这一目标,他深入学习了Java相关的服务器技术,包括Servlet和JSP。 Servlet是运行在服务器端的Java程序,用于响应来自客户端的HTTP请求。它提供了比CGI更强大的功能,每个请求都会启动一个新的线程来处理。...

    北大青鸟ACCP5.0HTML在线培训

    通过这个课程,学员不仅能够掌握HTML的基础知识,还能了解最新的HTML5标准和在线学习的模式,为今后的网页设计和开发职业生涯打下坚实基础。如果你有任何疑问或想分享学习心得,可以通过提供的QQ或E-mail联系分享者...

    account-app:react的小记账本

    综上所述,"account-app:react的小记账本"项目是一个学习和实践React的好例子,它展示了如何利用React与其他库配合,构建一个简单的前端应用。通过分析项目结构和代码,开发者可以深入理解React的组件化开发、状态...

    javascript语言结构小记(一)

    在当前的IT技术领域中,JavaScript作为一种广泛应用于前端开发的脚本语言,其语言结构是每个前端开发者必须掌握的基础知识。...希望这份小记能够帮助那些想要学习JavaScript的朋友们,为他们提供一些参考和启发。

    bbs 仅供大家参考学习

    【标题】:“bbs 仅供大家参考学习” 【描述】:“bbs asp..............." 在IT领域,BBS(Bulletin Board System)指的是电子公告板系统,它是一种基于网络的讨论平台,允许用户进行信息交流、发布帖子和进行...

    BabyMove多媒体早教软件

    小记: 今年小孩正要满2周岁时,我们一家三口回四川农村,小孩看到许多新事物,我指着它们告诉他2-3次,他就记住了。回家后担心他忘了,就用照片让他巩固一下,他非常高兴。 于是就发现这么一个方法,做了这个软件,...

    Dislay分页

    DisplayTag是一种广泛应用于Java Web开发中的开源分页和表格展示标签库。它为开发者提供了一种高效、灵活的方式来处理数据的分页、排序...通过学习和实践,你可以充分利用它的各项特性,提升项目开发的效率和用户体验。

    Flash播放器(带源码)

    源码的提供对于学习和理解Flash动画的原理以及编程逻辑至关重要。通过研究源码,开发者可以了解到如何构建和控制舞台上的对象、如何处理时间轴事件、如何用ActionScript实现复杂功能,以及如何优化性能。此外,对于...

    jdk-14.0.1_windows-x64_bin.7z

    Java JDK是Java开发工具包(Java...在学习和开发过程中,掌握JDK的基本使用和理解其组件的作用是至关重要的。通过熟练运用JDK提供的工具,开发者可以高效地编写、测试、调试和优化Java应用程序,实现跨平台的软件开发。

Global site tag (gtag.js) - Google Analytics