博客可以用html写?

一、HTML概述

  HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

二、html可以装饰博文


html 是可以直接在Markdown编译器上直接使用便签的
不信?如图:
<hr/> 
<font size="6" color="red"><u>html</u></font><font size="6" color="blue">是可以直接在<font size="6" color="black">Markdown编译器</font>上直接使用便签的</font>
<hr/>

上面这段代码就是显示的根本。快去自己试试吧。

三、html基本标签

文本类

  •   <h1> 1级标题</h1>       <h2> 2级标题</h2> 
    
  •   <br/>  换行 
    
  •   <font size="字体大小" color="字体颜色" face = "字体类型">文本<font/>    设置字体
    
  •    <b>文本</b>      <strong>或者</strong>       都是加粗
    
  •     <i>文本</i>      斜体
    
  •    <u>下划线</u>      <s>删除线</s>
    
  •    <hr/>分割线
    
  •   &nbsp; :一个字符的半角的不断行的空格,如果需要在网页中插入多个空格,可以将“&nbsp;”代码写多遍;
      &ensp; :一个字符的半角的空格
      &emsp; :两个字符的全角的空格
      &thinsp; :小于一个字符的空格;
      注意:分号不能少,2个&emsp;就可以实现首行缩进2个字符
    

各种需求类

  •         <table>  表格
            <th ><td aligin = "center" (居中)> </td><td></td><td></td></th>   th 是表头, td 是单元格
            <tr><td height = "100px" (行高)></td><td></td></tr>     tr是普通一行, 
            </table>   // 不过markdown的表格使用也还行
    
  •     <ul>  <li>  </li>  </ul>       无序列表
    
  •     <ol>  <li>  </li>  </ol>       有序列表
    
  •    <img src = "img/图片地址"/>       
        不建议写博客使用(因为我用了绝对地址没用,相对地址又跟html不一样,写不来)
    
  •  <a href = "https://www.jianshu.com/p/7bcf4ad609cf(超链接地址)">超链接简介</a>   超链接
    

实用的特殊字符
在这里插入图片描述

以上是我目前实践后可以在Markdown上使用的(会持续补充的(^_−)☆)。由于个人HTML没学多少。所以还有不少东西可能没说到。多多包涵。

关于Markdown编译器的快捷使用,这个文章说的挺好的。Markdown如何显示HTML标签
希望大家写博文时可以更加得心应手。

2020年02.28 家

要使用 HTML 博客系统,需要以下步骤: 1. 设计网页布局,包括导航栏、文章列表、文章页面等。 2. 使用 HTML网页结构,包括 HTML 标签、属性等。 3. 添加 CSS 样式,美化网页的外观。 4. 使用 JavaScript 实现网页的交互功能,如点击导航栏链接跳转到对应页面等。 5. 使用 PHP 或其他后端语言实现博客系统的后台功能,如文章的增删改查、用户注册登录等。 以下是一个简单的 HTML 博客系统的示例代码: ```html <!DOCTYPE html> <html> <head> <title>My Blog</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>My Blog</h1> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </header> <main> <section> <h2>Latest Posts</h2> <ul> <li><a href="#">Post 1</a></li> <li><a href="#">Post 2</a></li> <li><a href="#">Post 3</a></li> </ul> </section> <section> <h2>Post Title</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at bibendum nibh. Nullam vel eleifend elit, quis efficitur ligula. Sed ac ex vel arcu commodo posuere et in ante. Sed id eleifend ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> </section> </main> <footer> <p>© 2021 My Blog</p> </footer> </body> </html> ``` 在上面的代码中,使用了 HTML 标签来实现网页的结构,包括 `<header>`、`<nav>`、`<main>`、`<section>`、`<ul>`、`<li>`、`<h1>`、`<h2>`、`<p>` 和 `<footer>` 等标签。同时,使用了 CSS 样式来美化网页的外观,使用了链接 `<a>` 标签来实现页面之间的跳转。这只是一个简单的示例,实际上博客系统的实现需要更多的功能和复杂的代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值