• HTML学习--基础(2)


    HTML 标题

    HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
    <h1>This is a heading</h1>
    <h2>This is a heading</h2>
    <h3>This is a heading</h3>
    
    HTML 段落

    HTML 段落是通过 <p> 标签进行定义的。
    
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    
    HTML 链接

    HTML 链接是通过 <a> 标签进行定义的。
    <a href="http://www.w3school.com.cn">This is a link</a>
    
    HTML 图像

    HTML 图像是通过 <img> 标签进行定义的。
    <img src="w3school.jpg" width="104" height="142" />
    
    HTML 元素

    • HTML 文档是由 HTML 元素定义的。
    • HTML 元素
    • HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码
    <p>	This is a paragraph	</p>
    <a href="default.htm" >	This is a link	</a>
    <br />
    
    HTML 属性

    • HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
    • 属性总是以名称/值对的形式出现,比如:name="value"。
    • 属性总是在 HTML 元素的开始标签中规定。
    HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定:
    <a href="http://www.w3school.com.cn">This is a link</a>
    

    如需更多关于标准属性的信息,请访问:HTML 标准属性参考手册

    HTML 水平线

    <hr /> 标签在 HTML 页面中创建水平线。
    hr 元素可用于分隔内容。
    <p>This is a paragraph</p>
    <hr />
    <p>This is a paragraph</p>
    <hr />
    <p>This is a paragraph</p>
    
    HTML 注释

    可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

    注释是这样写的:
    实例
    <!-- This is a comment -->
    
    HTML 折行

    如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签:
    
    <p>This is<br />a para<br />graph with line breaks</p>
    
    <br> 还是 <br />
        您也许发现 <br> 与 <br /> 很相似。在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。即使 <br> 在所有浏览器中的显示都没有问题,使用 <br /> 也是更长远的保障。
    
    HTML 的 style 属性

    style 属性的作用:提供了一种改变所有 HTML 元素的样式的通用方法。样式是 HTML 4 引入的,它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。

    <html>
    	<body style="background-color:yellow">
    		<h1 style="font-family:verdana">A heading</h1>
    		<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
    		<h2 style="background-color:red">This is a heading</h2>
    		<p style="background-color:green">This is a paragraph.</p>
    		<h1 style="text-align:center">This is a heading</h1>
    		<p>The heading above is aligned to the center of this page.</p>
    	</body>
    </html>
    
    HTML 文本格式化

    HTML 可定义很多供格式化输出的元素,比如粗体和斜体字。

    w3school有很多例子:HTML 文本格式化实例

  • 相关阅读:
    fastadmin+thinkphp,自定义编辑操作按钮修改数据
    fastadmin列表自动刷新功能
    【Linux】centos7安装nginx并配置web前端环境。
    一文精通HashMap灵魂七问,你学还是不学
    HttpServletRequest 的三个方法 request.getParameter()、request.getInputStream()、request.getReader()
    算法19可见的山峰对数量(单调栈)
    算法18最大值减去最小值小于或等于num的子数组数量
    自控力读书笔记20220704
    爬虫课程笔记02
    Python处理办公自动化的10大场景
  • 原文地址:https://www.cnblogs.com/sinlearn/p/12333356.html
Copyright © 2020-2023  润新知