码迷,mamicode.com
首页 > Web开发 > 详细

不懂HTML?看这篇文章就够了

时间:2020-07-11 22:42:22      阅读:88      评论:0      收藏:0      [点我收藏+]

标签:水平线   输入   str   tps   位置   htm   文本   支持   外部   

很多人都说我是一门很简单的语言,看看书,看看视频就能读懂我。但是,如果你完全没有接触过我,就想通过看一遍教程,背背标签,想要完全了解我,真的有点太天真了。

技术图片

我叫“超文本标记语言",英文名字叫HTML,我没有变量,没有循环,没有函数,我只是单纯的一门静态语言而已。你可以用我来描述静态的东西,比如标题、段落、图片。

工作的时候,浏览器大叔是播放器,我是资源,你们看到的影片是大叔根据我收藏的内容播放出来的。

前端只需要掌握这些,你也能拿8K!((附简历模板102份)最完整面试题含答案)

 

我们来看一张图,试着用语言描述一下:

技术图片

在页面的顶部有一栏标题栏,下面有张大图,大图下面三张图和图片介绍,图文下面有一个标题,标题下面有三个图文链接介绍。

这只是结合图片来直观的描述,但是对于浏览器来说,需要一个精确的描述。比如:大图下面三张图和图片介绍,介绍中哪些文字需要强调?图文下面的标题是主标题还是二级标题?

这些都是我作为HTML要表述的。配上CSS来精确的描述字体的颜色,粗细,大小,图片的宽高,按钮的位置。

其实了解我并不是一件难事,什么时候学习都不晚。这取决于你是否有足够的兴趣和毅力去坚持你的选择问题。如果你要学习的话,那要确定自己是否坚定地走“敲代码”这条不归路。

入门容易,精通难,且学且珍惜。

在这里推荐一个我认为比较好的练习HTML的方法:抛开CSS,做纯粹的代码练习。其实就是单纯的书写HTML,最终的目的是他人可以通过阅读这个HTML文件理解到页面是怎样的结构,甚至可以通过HTML代码来画出大概的页面。


以下是HTML基本(常用)标签的整理,希望对你有帮助。

基本
<html>…</html> 定义 HTML 文档
<head>…</head> 文档的信息
<meta> HTML 文档的元信息
<title>…</title> 文档的标题
<link> 文档与外部资源的关系
<style>…</style> 文档的样式信息
<body>…</body> 可见的页面内容
<!--…--> 注释

文本
<h1>...</h1> 标题字大小(h1~h6)
<b>...</b> 粗体字
<strong>...</strong> 粗体字(强调)
<i>...</i> 斜体字
<em>...</em> 斜体字(强调)
<u>...</u> 下划线
<del>...</del> 删除线(表示删除)
<center>…</center> 居中文本(HTMl5已不支持center标签,可用样式text-align:center代替)
<ul>…</ul> 无序列表
<ol>…</ol> 有序列表
<li>…</li> 列表项目
<a href=”…”>…</a> 超链接
<font> 定义文本字体尺寸、颜色、大小
<sub> 下标
<sup> 上标
<br> 换行
<p> 段落

图形
<img src=’”…”> 定义图像
<hr> 水平线

表格
<table>…</table> 定义表格
<th>…</th> 定义表格中的表头单元格
<tr>…</tr> 定义表格中的行
<td>…</td> 定义表格中的单元

其它
<form>…</form> 定义供用户输入的 HTML 表单
<frame> 定义框架集的窗口或框架

  

不懂HTML?看这篇文章就够了

标签:水平线   输入   str   tps   位置   htm   文本   支持   外部   

原文地址:https://www.cnblogs.com/xsd1/p/13285719.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!