自学html,如何入门呢?

我是自学的HTML。

自学html的话,首先要理解html的作用。html,hypertext markup language,超文本标记语言,用来展示网页中的内容。而要想做一个网页光会这一门语言是不够的,还需要自学css,JavaScript。其中html和css较JavaScript容易。

 

可以这样理解,HTML,是一个文件类型,可以被浏览器解析。如果不使用浏览器打开,我们看到的将是一行行代码,在浏览器中打开以后呢,就会出现一些静态效果了。下面介绍一下初步的一些html语法知识。

 

1.<html>……</html>文件开始和结束,……的位置放文件的内容。

 

2.<head>……</head>html的头部

 

3.<body>……</body>html的主体

 

一、在头部主要有以下几个元素

 

<base>当前文档的URL全称(基底网址)<basefont>设定基准的文字字体、字号和颜色

 

<title>设定显示在浏览器左上方的标题内容

 

<isindex>表明该文档是一个可用于检索的网关脚本,由服务器自动建立

 

<meta>设定有关文档本身的元信息,例如用于查询的关键字、用于获取该文档的有效期等

 

<style>设定CSS层叠样式表的内容

 

<link>设定外部文件的链接

 

<script>设定页面中程序脚本的内容

 

<head> 与 </head> 之间的内容不会在浏览器的文档窗口显示,但是,其间的元素有特殊重要的意义。上面提到的这几个元素我会在以下文章里说。

 

二、主体中的就比较复杂有如下几个元素,这里简单介绍,会在下面的文章里详细介绍。

 

1.文字

 

2.清单

 

3.画线

 

4.表格

 

5.表单

 

6.多媒体标签

 

7.超链接标签

 

一.文字

 

1.<hn>……</hn>规定文字大小,h1到h6,h1为最大。……放要显示的文字

 

2.<b>……</b>加粗文字

 

3.<strong>……</strong>强调文字

 

4.<I>……</I>斜体

 

5.<em>……</em>斜体强调

 

(其中,b与strong,i与em的区别建议自己去写完之后运行尝试。)

 

6.<u>……</u>加下划线

 

7.<DEL>……</DEL>加删除线

 

8.<TT>……</TT>显示成打印机的中的样式

 

9.<SUP>……</SUP>将文字设置成上标

 

10.<sub>……</sub>将文字设置成下标

 

(<>中的字母大小写本质上没有区别,程序员习惯小写,SUP和sub的写法,是为了区分上标和下标的记法,这样不容易搞混,“肚子”在上就是上标,在下就是下标)

 

11.<br>……</br>换行符号

 

12.<p>……</p>换段符号

 

对文字进行一些显示样式的规定

 

<font size="" face="" color="">……</font>

 

二.列清单

 

1.有序

 

<ol type="A">

 

<li>苹果

 

<li>橘子

 

<li>香蕉

 

</ol>

 

2.无序

 

<ul>

 

<li>

 

<li>

 

……

 

</ul>

 

3.<DL>……</DL>定义标示

 

<DT>用于定义项目

 

<DD>定义资料

 

三.画线

 

<hr>画线标记

 

可以跟一些属性规定,例如

 

<hr width="" size="" align="">……</hr>

 

四.表格

 

1.<table width="" border="">……</table>列一个表格

 

2.<caption>……</caption>为表格起一个标题,置于表格上方

 

3.<th colspan="3">……</th>合并3列

 

<th rowspan="3">……</th>合并3行

 

4.<tr>……</tr>一行

 

5.<td>……</td>一个单元格

 

五、表单

 

<form action=「表单的处理程序mail:mingri@qq.com」 name=「表单名称register」 method=「传送方式post」 enctype=「编码方式text/plain」 target=「目标窗口的打开方式_self」>这5个是填写在表单的5个元素,其他的元素用来在控件发挥作用。如下:input type=「text」 name=「控件名称」 size=「控件的长度」 maxlength=「最长字符数」 value=「文字字段的默认取值」>其中type类型有n多种,表示不同的意义,具体会在其他文章里说。

 

 

 

初步定义的标记就这些,不是背会就可以,一定要多在电脑上多敲多练,熟练灵活掌握。

 

最后,欢迎有不同意见的同学在评论区探讨呀,还有正在学习html的同学,我们可以一起进步!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值