HTML---经常使用标签总结与实践

什么是HTML?

超文本标记语言,标准通用标记语言下的一个应用。

   “超文本就是指页面内能够包括图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包含头”部分(英语:Head)、和“主体”部分(英语:Body),当中“头”部提供关于网页的信息,“主体”部分提供网页的详细内容。

-----源于百度百科

也就是说。前台的界面,包括文字、声音、图片等。是通过HTML这样的语言来编写的,在牛腩新闻公布系统中接触过了整个Web系统的开发之后。对于HTML代码与CSS+DIV的结合有了新的认识,通过这篇总结对于HTML的标签做个简单的认识。

一、元素and标签and属性

我相信非常多人学习完HTML不知道元素和标签之间的差别是什么,我也不知道。通过查询资料。自己攻克了这个疑惑,分享给大家。

<html>
<head><title>这是标题</title></head>
    <body size=”12”>
	<p>HELLO WORLD!</p>
    </body>
</html>

元素:正如在高中化学学习中,元素二字即代表构成物质的组成最主要的单位。在这里也是,HTML元素就是构成HTML文件的基本对象。就像上述代码中:<p>HELLO WORLD!</p>就是元素,它构成了HTML的最基本单位。

标签:就是<head>、<body>、<table>等被尖括号“<”和“>”包起来的对象。绝大部分的标签都是成对出现的,如<table></talbe>、<form></form>。

当然还有少部分不是成对出现的,如<br>、<hr>等。

属性:<body>标签中。size=”12”这就是<body>部分的一个属性,通常是在開始标签中定义,且伴随“=”成对出现。

二、经常使用标签介绍

(1)与文字相关标签

 <html>
    <head><title>静夜思</title></head>
    <body>
        <!--这是一首诗-->
        <center>
            <h2><font color="red">静夜思</font></h2>
                          <b>作者:李白</b>
            <hr color="blue">
            <p>
                <b><i><font color="green" size="3">
                    窗前明月光。疑是地上霜。<br>
                    举头望明月。低头思故乡。
                </font></i><b>
        </center>
    </body>
</html>

效果例如以下:

时间: 2024-10-06 10:03:47

HTML---经常使用标签总结与实践的相关文章

HTML---常用标签总结与实践

什么是HTML? 超文本标记语言,标准通用标记语言下的一个应用.    "超文本"就是指页面内可以包含图片.链接,甚至音乐.程序等非文字元素. 超文本标记语言的结构包括"头"部分(英语:Head).和"主体"部分(英语:Body),其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容. -----源于百度百科 也就是说,前台的界面,包含文字.声音.图片等,是通过HTML这种语言来编写的,在牛腩新闻

关于标签系统的又一点想法。

前段时间,写过一篇<关于标签系统的一点想法.>.但其实没有谈到里面的内容,是有一部分来自与刘鑫老师的聊天,当时他给了我许多肯定,也是让我觉得记录下来很有必要的原因. 前一篇里没有提到,我跟刘老师谈到一个更加深入一点的.关于标签系统的想法.主要原因是因为我尚不肯定这是否也属于标签系统.直到最近disylee 送了一本标签 : 标记系统设计实践给我,里面的一个小节让我为自己的想法找到了理论依据. 很不错的一本书,没有让我失望,解答了我心中的一些困惑.书有点啰嗦,但也正因为此显得"系统&q

对于该阶段学习的一部分总结

一.对于servlet3.0特性的总结: Servlet 3.0 作为 Java EE 6 规范体系中一员,随着 Java EE 6 规范一起发布.该版本在前一版本(Servlet 2.5)的基础上提供了若干新特性用于简化 Web 应用的开发和部署. 异步处理支持:  有了该特性,Servlet 线程不再需要一直阻塞,直到业务处理完毕才能再输出响应,最后才结束该 Servlet 线程.在接收到请求之后,Servlet 线程可以将耗时的操作委派给另一个线程来完成,自己在不生成响应的情况下返回至容器

dl以及dt,dd,以及table的tr,th,td最清楚分析

1,定义:<dl> <dt> <dd>是一组合标签,使用了dt dd最外层就必须使用dl包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签,故名我们也叫dl表格.<dl><dt></dt><dd></dd></dl>为常用标题+列表型标签.如没有对dl dt dd标签初始CSS样式,默认dd列表内容会一定缩进.2,用法: <dl><dt>列表标题</dt&

详解html5增强页面的元素

HTML5 增强页面的元素,包含 figure.figcaption.details.summary.mark.progress.meter.ol.dl.cite 和 small 元素.这些元素都是起到一些辅助作用,比如:figure元素,它主要作用类似于展示一个作品集,图片(包含图片,图片说明,图片标题).具体我们以下来详细学习HTML5这些增强页面的元素. figure元素与figcaption元素 figure元素最常用的地方就是来展示图片,这里的图片包含图片说明,图片标题已经图片本身.一

html中,dl,dt,dd怎么使用

1,定义:<dl> <dt> <dd>是一组合标签,使用了dt dd最外层就必须使用dl包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签,故名我们也叫dl表格.<dl><dt></dt><dd></dd></dl>为常用标题+列表型标签.如没有对dl dt dd标签初始CSS样式,默认dd列表内容会一定缩进.2,用法: <dl><dt>列表标题</dt&

Servlet 3.0 之@WebFilter怎么控制多个filter的执行顺序

之前我们控制多个filter的执行顺序是通过web.xml中控制filter的位置来控制的,放在上面的会比放在下面的先执行,如下“用户登录检查过滤器”会比“接口日志过滤器”先执行   <!-- 用户登录检测过滤器 -->    <filter> <filter-name>UserLoginFilter</filter-name>         <filter-class>net.tfgzs.demo.filter.UserLoginFilter

弱监督学习

南京大学周志华教授综述论文:弱监督学习 转自机器之心:https://www.jiqizhixin.com/articles/2018-03-05 在<国家科学评论>(National Science Review, NSR) 2018 年 1 月份出版的机器学习专题期刊中,介绍了南京大学周志华教授发表的一篇论文<A brief introduction to weakly supervised learning>.机器之心经授权对此论文部分内容做了编译介绍,更完整内容可查看英文论

机器学习迁移模型到IOS

https://paulswith.github.io/2018/02/24/%E8%BF%81%E7%A7%BB%E5%AD%A6%E4%B9%A0InceptionV3/ 上文记录了如何从一个别人训练好的模型, 切入我们自己的图片, 改为我们自己的模型.本来以为移植到手机很简单, 但是不简单的是我的模型本身就是迁移学习别人的模型,有很多莫名其面的坑, 在CoreML经历了N个坑后,1点14分我搞掂了. 项目源码和转换源码已经上传到git.https://github.com/Paulswit