普通文本转化为HTML代码方法
- HTML cleaner、站长工具等在线免费html代码转换网站。在指定文本框输入文本。
- 在文本保存文件时，保存类型设置为网页，然后再用浏览器打开，点击右键查看网页源代码即可
保存为网页
- 下载dreamweaver工具，直接打开文件。
初识HTML标签
word普通文本
word普通文本
复制高亮文本至HTML cleaner得到
HTML代码
HTML代码
初步认识基本的HTML标签
| 标签 | 描述 |
|---|---|
| <p> | 定义文本段落 |
| <strong> | 定义字体加粗（类似的还有<b>） |
| <ul> | 定义建立无序列表（有序列表为<ol>） |
| <li> | 定义列表中的元素 |
| <table> | 定义建立表格 |
| <tr> | 定义表格折行t |
| <td> | 定义表格元素 |
| <tbody> | 定义标签表格主体（正文）（和<thead><tfoot>组合使用） |
| <head> | 定义文档的头部，它是所有头部元素的容器。(<title>定义文档标题，head唯一必需元素) |
| <html> | 限定了文档的开始点和结束点，说明该文档是HTML文档 |
| <body> | 定义文档主体部分，包含文档所有内容。 |
| <span> | 标签被用来组合文档中的行内元素。 |
详细HTML标签可登陆W3C自主学习
同样的内容，我们再使用另一种方法转换HTML代码
小编先将文件另存为“网页”（HTML文件），再用Google浏览器开发者工具打开可得。
HTML代码
HTML代码
用浏览器本身自带的开发者工具来看代码。可以与免费在线网站比较得出开发者工具可以列举出更加详细的代码说明。可以查看各个标签的属性赋值（可以查看字体、排列方式、大小等等信息）
实践心得
做什么事情都要多尝试几种方式，不同方式有其不同的特点和优势。
- 在线网站转换HTML代码，代码简单。适合初学者尽快熟悉HTML语法，做简单的网页布局。
- 用开发者工具查看，适合学习优秀网站的设计，对网页进行更精准美观的设计
网友评论