标记语言入门

标记语言入门
laiqun@msn.cn

1. Markdown

Markdown三分钟入门教程

Markdown在线编辑器:modoko


2. Markdown与html的对比学习

   
作用描述(语义)Markdownhtml
     
标题 # 、## 、### <h1></h1><h2></h2>
有序列表 1. 2. 3. <ul><li>apple</li><li>pear</li></ul>
无序列表 * <ol><li>apple</li><li>pear</li></ol>
图片 ![](./pic/pic1_50.png =100x20)等号前有空格 <img src="./1.jpg />"
链接 [显示内容](链接地址) <a href="http://xxx.com">现实内容</a>
转义 键盘坐上角的反引号
目录 [TOC]
分割线 --- <hr />
粗体 **xxx** <strong>搜索引擎认识的粗体</strong> <b>搜索引擎不认的粗体</b>
斜体 *xxx* <em></em><i></i>
删除线 ~~xxx~~ <del>这是删除线标签</del>
缩进 空格  
新段落 回车,防止上段落的样式影响当前段落 <p></p>
表格 表头 三个竖分割线,之间用---分割 列之间用竖分割线区分 <table><tr><td></td></tr></table>
代码段 三个反引号包起来  
     

学习网页制作的相关文档: w3cschool

2.1. 基础知识:

  1. px是像素单位,使用举例:<img width=“22px” src="./1.jgp" />
  2. 什么叫开标签,什么叫闭标签? 举例:<a></a>
  3. 元素属性和元素内容的区别?那个是可以看得见的? 书写位置上有和不同

    举例:<a href="http://">内容</a>
  4. 为什么img标签和br标签可以写为简写形式?因为里面不能方其他可以显示的内容

    举例:<img src="1.jpg" /> <br />
  5. RGB颜色的16进制表示,如:#ff0000

    10进制 0-0 16进制 0-f f代表15 a代表10,依此类推
  6. 将特殊意义的字符转为普通字符 如#被用来表示标题,那么如何打出普通的#来现实呢?用反引号(键盘左上角)包起来
    `
  7. 文件存储相关:. 和.. 的含义是什么? . 代表当前目录 .. 代表当前目录的上一级目录

预留问题:

HTTP协议是什么?什么是协议?基于什么实现的?相关的底层原理是什么?(网络的发展史)域名是干嘛的(域名是给人看的,那么机器识别什么?)?

2.2. html文件的固定格式

<html>
    <head>
            <title>显示在标签页的标题</title>
    </head>
    <body>
    显示在浏览器主显示区域的内容
  </body>
</html>

2.3. 标签按作用效果的分类

  1. 块元素 举例:如何识别

  2. 行内元素

    提示:肉眼是看不出元素的作用范围的,如果给他们加上background:某颜色值,就可以根据其背景颜色判断其作用范围了,该方法在布局时十分有用。

    举例:<div style="background:#ff0000"></div>

2.4 form标签的作用

在form标签内可以使用input标签,使用from标签的action属性可以指定将数据提交(上传)到某服务器,除此之外,没有任何可以将数据提交到服务器的标签。

反问:什么叫作服务器,什么叫本地呢? 什么是从服务器获取,上传到服务器?提交到本地的是什么格式? 什么是URI URL编码,通过chrome浏览器的网络查看发送的表单数据与自己填写的表达数据字符串上有什么不一样?

 


 





posted @   QQLQ  阅读(341)  评论(1编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示