html

html简介

html(hyper textmarkuplanguage) 超文本标记语言。

超文本： 超越了文本仅仅展示信息的功能范畴，泛指：图片、有样式的文字、超链接。

标记： 标签。

语言： 工具。

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

html的语言特征

html代码是由头和体组成。

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

html文件由浏览器直接执行解析，无需编译，直接由上到下依次解析执行。

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>标签

段落标签，用于展示效果中的划分段落，并且自动在段前和段后自动加空白行。

align:段落内容的对齐方式(left，right，center)，默认是left，内容居左。
<h1></h1>

标题标签，用于展示效果中划分标题，其中<h1></h1>最大，<h6></h6>最小。
&nbsp
空格符号，用于展示效果中显示一个空白的位置。
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://。（例如：)

黄山市民网：https://www.huangshanshimin.com/

html

html简介

html的语言特征

字体标签及格式化标签

图片标签

相关文章