zoukankan      html  css  js  c++  java
  • html简单介绍(一)

    什么是html

    HTML 是用来描述网页的一种语言。
    HTML 指的是超文本标记语言 (Hyper Text Markup Language)
    HTML 不是一种编程语言,而是一种标记语言 (markup language)
    标记语言是一套标记标签 (markup tag)
    HTML 使用标记标签来描述网页

    HTML 标签

    HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
    HTML 标签是由尖括号包围的关键词,比如 <html>
    HTML 标签通常是成对出现的,比如 <b> 和 </b>
    标签对中的第一个标签是开始标签,第二个标签是结束标签
    开始和结束标签也被称为开放标签和闭合标签

    HTML 文档 = 网页
    HTML 文档描述网页
    HTML 文档包含 HTML 标签和纯文本
    HTML 文档也被称为网页
    Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。

    常用编辑器

    notepad、editplus、sublimit、webstrom

    注释

    <!-- 在此处写注释 -->

    html基础

    标题

    <h1>标题</h1>
    <h2>标题</h2>
    <h3>标题</h3>
    <h4>标题</h4>
    <h5>标题</h5>
    <h6>标题</h6>

    html段落

    <p></p>

     加粗

    <b></b>
    <strong></strong>

    回车

    <br />

    字体

    <font> 规定文本的字体,尺寸,颜色
    <font size = "字体大小" color = "字体颜色" face = "字体类型">要设置的文字 </font>
    size: 12,13
    color:red, blue, green, yellow,orange
    face: 黑体,宋体,微软黑体

    <span>行内</span>
    <span>行内</span>
    行内在一行显示,段落里面可以用过多个标签
    span在样式中的时候才能现实其作用

    超链接

    <a href = "链接地址" target = "_blank">连接标志</a>
    a标签支持http协议
    标签target属性规定在何处打开链接文档
    target ="_self" 默认是连接到本页
    _blank 浏览器总在一个新打开,未命名的窗口中载入目标文档

    链接到本页面
    id = "xiang"
    <a href = "#xiang">连接到本页的锚记点</a>
    1. 首先创建一个锚链接的锚记点:<a href=“#锚记点名称”>主题名称</a>
    2. 然后在具体要链接到的地方设置name:<a name=“锚记点名称”></a>(锚记点前面要加上#号)

    图像

    图像标签(<img>)和源属性(Src)
    在 HTML 中,图像由 <img> 标签定义。
    <img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。
    要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。
    替换文本属性(Alt)
    alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
    <img src = "image/mv1.jpg" alt = "美女" height = "1000" width = "400">
    src = "url" 图片地址或者本地路径
    alt = "美女" 当图片不显示时,显示的字
    height = "400" 高
    width = "400" 宽

    特殊字符

    空格: &nbsp;
    大于号: &gt;
    小于号: &lt;
    引号: &quot;
    &符号:&amp;
    版本号: &copy;

    列表

    无序列表

    无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

    无序列表始于 <ul> 标签。每个列表项始于 <li>。

    <ul type="disc/circle/square">
    <li>列表项1</li>
    <li>列表项2</li>
    </ul>

    有序列表

    <ol type = "1/A/a/I/i">
    <li>有序列表项1</li>
    <li>有序列表项2</li>
    </ol>

    自定义列表

    <dl>
    <dt>自定义列表1</dt>
    <dd>111111</dd>
    <dd>222222</dd>
    <dd>333333</dd>
    <dt>自定义列表2</dt>
    <dt>自定义列表3</dt>
    </dl>
    <dl>
    <dt>自定义列表1</dt>
    <dd>列表项111111</dd>
    <dd>222222</dd>
    <dd>333333</dd>
    <dt>自定义列表2</dt>
    <dt>自定义列表3</dt>
    </dl>

     

  • 相关阅读:
    JavaScript操作符instanceof揭秘
    Linux打开txt文件乱码的解决方法
    Working copy locked run svn cleanup not work
    poj 2299 UltraQuickSort 归并排序求解逆序对
    poj 2312 Battle City 优先队列+bfs 或 记忆化广搜
    poj2352 stars 树状数组
    poj 2286 The Rotation Game 迭代加深
    hdu 1800 Flying to the Mars
    poj 3038 Children of the Candy Corn bfs dfs
    hdu 1983 Kaitou Kid The Phantom Thief (2) DFS + BFS
  • 原文地址:https://www.cnblogs.com/yangjian319/p/9297152.html
Copyright © 2011-2022 走看看