我是自学的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的同学,我们可以一起进步!