首页 > 作文

JavaWeb第一天–HTML

更新时间:2023-04-07 06:32:51 阅读: 评论:0

html

html简介

html(hyper textmarkuplanguage山东毕业生) 超文本标记语言。

超文本: 超越了文本仅仅展示信息的功能范畴,泛指:图片、有样式的文字、超链接。标记: 标签。语言: 工具。

html是由标签所组成的语言,能展示超文本的效果。

html的语言特征

html代码是由头和体组成。

html文件的扩展名为html或者htm。

ht中国好书ml文件由浏览器直接执行解析,无需编译,直接由上到下依次解析执行。

html标签通常由开始便签和结束标签组成,例如:<font>内容体</font>

<!doctype html><!--文档声明--><html>    <head>        <title>页面标题</title>    </head>    <body>        需要想用户展示的信息    </body></html>

注:推荐使用开发工具notepad++、hbuilder。

字体标签及格式化标签

<font></font>标签

字体标签,用于展示效果中修饰文字样式。
<font 属性名=”属性值”>文字</font>

size:控制字体的大小,范围1~7,超过范围无效。

color:控制字体的颜色(例如:red,#ffff等)

face:控制字体的类型。只能设置系统字库中有的字体类型

    <!doctype html>    <html>        <head>            <title>我的第一个示例</title>        </head>        <body>            <font color="red" size="7" face="java体">美好一天,从学习开始</font>        </body>    </html>

<br\>标签

换行标签,用于展示效果中换行,浏览器解析时会自动忽略。

<p></p>标签

段落标签,用于展示效果中的划分北纬30度未解之谜段落,并且自动在段前和段后自动加空白行。

align:段落内容的对齐方式(left,right,center),默认四川专科是left,内容居左。

<h1></h1>

标题标签,用于展示效果中划分标题,其中<h1></h1>最大,<h6></h6>最小。

&nbsp

空格符号,用于展示效果中显示一个空白的位置。html注释

格式:<!--html注释内容-->

    <!doctype html>    <html>        <head>            <title>我的第二个示例<title>        </head>        <body>            <h1>静夜思标题</h1>            <h2>静夜思标题</h2>            <h3>静夜思标题</h3>            <h4>静夜思标题</h4>            <h5>静夜思标题</h5>            <h6>静夜思标题</h6>>            静夜思<br/>           佛兰德斯的狗 李白<br/><br/>            床前明月光,            <p>疑是地上霜。</p>            <p>举头望明月,</p>            <p>低头思故乡。</p>            李&nbsp;&nbsp;白            <!--你好,我是注释-->        </body>    </html>

图片标签

<img/>标签

用于页面效果中展示的一张图片。

src:指明图片的路径。(必有属性)

图片路径的写法:

绝对路径:文件在硬盘上的具体位置。(例如:c:\test.jpg)

相对路径:从引入者所在目录出发(例如:../img/test.jpg),../表示上一层目录,./表示当前目录。

互联网路径:必须在前面加上http://。(例如:)

本文发布于:2023-04-07 06:32:49,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/b6a1b2c18fcfbd954cd8afe42b2d9bbc.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:JavaWeb第一天–HTML.doc

本文 PDF 下载地址:JavaWeb第一天–HTML.pdf

标签:标签   标题   静夜   效果
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图