欢迎使用CSDN-markdown编辑器

来源：互联网发布：c语言 void main 编辑：程序博客网时间：2024/06/07 13:45

html基础

1元素、属性

<!DOCTYPE HTML><html>    <head>        我的测试    </head>    <body>        <!--1标题元素<h>-->        <h1>这是h1标题</h1>        <h2>这是h2标题</h2>        <h3>这是h3标题</h3>        <h4>这是h4标题</h4>        <h5>这是h5标题</h5>        <h6>这是h6标题</h6>        <!--2段落元素<p>-->        <p>这是我的一个段落1。</p>        <!--换行符<br />-->        <br/>        <!--3超链接元素<a>-->        <a href="http://www.baidu.com">链接</a>        <br />        <a href="http://www.sifangku.com/">私房库</a>        <br />        <!--4HTML图像元素<img>-->        <img src=images/image1.jpg width="104" height="142"/>        <br />        <!--html属性    name="value"-->        <a href="http://www.w3school.com.cn">this is a link</a><!--<a>标签的href属性-->        <!--标题居中-->        <h1 align="center">h1标题</h1>    </body></html>

2属性

建议使用小写属性
属性和属性值对大小写不敏感
例1修改页面背景颜色为黄色

<!DOCTYPE HTML><html>    <head>        我的测试    </head>    <body bgcolor="yellow">    </body></html>

例2定义表格属性

<table border="1">            <tr>                <td>roll1,cell1</td>                <td>roll1,cell2</td>            </tr>            <tr>                <td>roll2,cell1</td>                <td>roll2,cell2</td>            </tr>        </table>

hr标签，可用于创建水平分割线

<!DOCTYPE HTML><html>    <head>        我的测试    </head>    <body bgcolor="yellow">        <p>这是段落1</p>        <hr />        <p>这是段落2</p>    </body></html>

注释

<!-- This is a comment -->

总结

<html>  定义 HTML 文档。<body>  定义文档的主体。<h1> to <h6>    定义 HTML 标题<hr>    定义水平线。<!-->   定义注释。

3 html段落

<p> 定义段落。<br />  插入单个折行（换行）。

例1

<p>This is a paragraph<p>This is another paragraph

例2
折行

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

阅读全文

0 0