• CSS+DIV+HTML(一)--HTML总结


    一、定义

      HTML(Hyper Text Markup Language),标记语言。

    二、主要内容:

     

      HTML元素分为三类:块级标签、内联标签、可变标签。差别在于:

                        块级元素:在默认情况下会换行显示。

                        内联元素:在默认情况下会在一行内显示。

                        可变元素:依据上下文确定自己是块级元素还是内联元素。

      HTML文档和HTML元素是通过HTML标签进行标记的。

    HTML元素定义了整个HTML文档。什么意思呢?

      举个样例:

      HTML文档是有文本标签定义的:

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>Hello world!</title>
    </head>
    <body>
        <p>我的第一个网页</p><br/>
        <hr/> 
        <p>              
                这是我做的第一个网页。欢迎观临!

    谢谢!

    This is my first web.Welcome! </p> </body> </html>


      表格是由<table>来标签的。

    <span style="font-family:KaiTi_GB2312;font-size:18px;"><html>
    	<title>
    		表格
    		</title>
    		<body>
    			<table border=1 align="center">
    				<tr>
    					<th>编号</th>
    					<th>名称</th>
    					<th>价格</th>
    					</tr> 
    					<tr>
    						<td>001</td>
    						<td>语文教材</td>
    						<td>20.00</td>
    						</tr>
    				</table>
    			<body/>
    	</html></span>

       表单实例:

    <ol start="10">
    	<li>hehe
    	<li>haha
    	<li>huihui
    	<li  value="20">weiwei
    	<li>dada
    </ol>
    <ol type="a">
    	<li>hehe
    	<li>haha
    	<li>huihui
    	<li>weiwei
    	<li>dada
    </ol>
    <ul type="disc">
    	<li>hehe
    	<li>haha
    	<li>huihui
    	<li>weiwei
    	<li>dada
    </ul>
    <dl>
    	<dt>hehe
    	<dt>haha
    	<dt>huihui
    	<dt>weiwei
    	<dt>dada
    </dl>

      这是上面ol是有序表单,ul是无序表单。dl是定义表单。

      三、总结

      看了非常多关于HTML的文档和书籍,讲的内容都没有啥差别。

      HTML中的知识。做一个总结的图。将它并入到自己的知识网中,就不会乱。也不会忘记了,知识的管理在于:总结、思考、联系。

  • 相关阅读:
    使用OwnCloud建立属于自己私有的云存储网盘
    Linux服务器学习----tomcat 服务配置实验报告(一)
    Linux服务器学习----haproxy+keepalived
    Docker容器版Jumpserver堡垒机搭建部署方法附Redis
    Dokcer的一些命令:
    Docker安装prometheus监控
    CentOS7安装Docker
    用Dockerfile来制作contos镜像
    CentOS7中服务器网卡配置——配置静态IP
    CentOS7中搭建rabbitmq单机
  • 原文地址:https://www.cnblogs.com/bhlsheji/p/5077641.html
Copyright © 2020-2023  润新知