hmtl简介

html简介

什么是html?
超文本标记语言是一种可以用来结构化web内容并给予其含义和目标的编码语言

  • html不是程序语言,是标记语言
  • 他是有一系列元素(elements)组成,不用的元素有不同的功能

嵌套元素

元素之间可以相互嵌套

<p>我们是祖国的<strong>美丽的</strong>花朵</P>

空元素

空元素没有内容,比如img,他是用来嵌入图片的

<img src="images/1.png" alt="祖国的花朵”

HTML文档的基本结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
  • <!DOCTYPE html>文档类型声明
  • <html>包含整个页面内容
  • <head> 包含页面描述,css样式等,但不会被用户看到
  • <body> 用于包含给与用户看到的页面的内容
  • <meta charset="UTF-8">初始化页面字符集
  • <title>设置页面标题

html文本

标题与文本

<h1>最大的标题</h1>//h1~h6 代表了6个不同层级的标题
<p>这是一个段落</p>//这是一个段落

列表

html中列表分为无序列表和有序列表

无序列表
ul
有序列表
ol

嵌套列表

    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>

em strong

<em>是斜体起到强调作用

<p>这是一个<em>段落</em></p>

strong粗体 也起到强调作用 强调层级比em高

<p>这是一个<strong>段落</strong></p>

描述列表<dl><dt><dd>

<dl>
    <dt>html</dt>
    <dd>一个文本标记语言</dd>
    <dt>css</dt>
    <dd>css层叠样式</dd>
</dl>

缩写

<abbr title="hypertext markup Language">
<p><abbr title="hypertext markup Language">html</abbr></p>

超链接

<a href="https:/bing.com">

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 5,125评论 0 0
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 17,006评论 32 459
  • 一,有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)?...
    kingBirds阅读 945评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,325评论 1 92
  • E274 Foreign Secretary Philip Hammond has defended David ...
    一日一译阅读 437评论 0 1

友情链接更多精彩内容