学习这门学科之前，感觉是非常简单，往往现实都不是想象的那样。听老师教课的的时候感觉能听懂，基本上也完全掌握了，实际上做的时候，磕磕碰碰，浪费了大量的时间，因此我自从接触了这门学科了解到，不论是html还是其他计算机相关的科目时，都必须自己动手去做，脑子里必须要有一个整体的模板，思路要清晰，多做一些例子，基本上就完全可以随心应手的去设计想要的网站，不仅效率高，而且速度快。长话短说，接下来进入HTML的学习。
<head>
<title><!~~ 令人醒目的标题~~ ></title>
<!~~ 可以写一些地址链接以及body里面的形式~~>
</head>
<body>
<!--
body:html页面的主体部分 显示内容
-->
<body>
</html>
这是html的一个初步轮廓。接下来就是如何设计网站，首先接触的是文本标签。
标题标签 ： h2~h7 标题是大到小
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>
<h7>标题</h7>
水平线标签 ：hr ，在水平面出现一条线
<hr />
滚动标签:
marquee:
direction:滚动的方向 up down left(默认值) right
behavior:scoll: 循环滚动 alternate:来回滚动 slide:只滚动一次
scollamount:滚动的速度 指定整数值
<a name="marquee"></a><marquee direction="right" behavior="slide" scrollamount="10" >快乐</marquee>
段落标签:p
<p> 中间输入段落内容 </p>
段落缩进 :blockquote
<blockquote>
正常的段落模式，中间为内容部分。
</blockquote>
原样输出标签:pre
<pre>
中间不论有任何东西，哪怕是标签之类的都可以显示出来。
</pre>
上下标标签:sup sub
列表标签:
有序列表:
ol li(列表项) ol默认的属性type:默认的属性值"1"
无序列表
ul li(列表项) ul 默认的属性type:默认的属性值:"disc"在html中常见的转义字符
空格:
版权所有:© 显示内容:©
注册商品:® 显示内容:®
列表标签:
有序列表:
ol li(列表项) ol默认的属性type:默认的属性值"1"
无序列表
ul li(列表项) ul 默认的属性type:默认的属性值:"disc"
img标签
属性:
src:导入图片的路径
width:图片的宽度 1)指定固定大小 px(像素) 2)百分比
height:图片的高度
title:鼠标悬浮在图片上会显示文字
alt:替代文本,当图片加载失败的时候,替代文本就会起作用
<img src="img/2.jpg" width="100%" height="100%" title="手机图片" alt="这是一个手机图片"/>
超链接标签:a标签
<a></a>
常用的属性:
href:连接资源地址(URL)或者资源文件
** target:打开资源的方式:1)_self:当前窗口直接打开 2)_blank 新建窗口打开 **这个要特别注意看是否重新打开一个界面。
常见的协议:
file:// 文件协议:打开本地文件的协议
http:// ---hosts文件中找是否有ip对应的域名,找不到---调用网卡进行联网
会在网络运营商(DNS) ---- 找到就访问百度服务器 --- 返回给用户首页
thunder:// 迅雷协议
mailto: 邮件协议
超链接的作用:
1)可以连接资源文件
2)可以作为锚链接来使用
A:方式1: 针对在同一个html页面下
a:打锚点(标记)
<a name属性="锚点名称"></a>
b:创建跳转链接
<a href="#锚点名称">跳转</a>
B:方式2:在不同html页面的使用
a:在另一个页面的某个位置打锚点(标记)
<a name属性="锚点名称"></a>
b:在当前页面下创建跳转链接
<a href="链接到的资源文件或者地址#锚点名称">跳转</a>
总体来说，超链接就是打一个锚点，然后就可以创建连接！ 表格标签:table
表格要有效果: 属性: border:边框
align:表格在浏览器中对齐方式
with和height:宽度和高度
行标签:tr
列标签:td
表头标签:th 自动居中 加粗
单元格的合并:
行合并:rowspan
列合并:colspan 表单标签:form标签
action:必须写 提交的地址
method:提交方式
get post
两种方式的区别?
1)get方式提交,将用户的信息提交的地址栏中,不安全;post提交方式不会将用户信息提交到地址栏中
2)get方式提交,文件大小限制,不超过64kb;post方式,提交的文件的无限制!
首选post
文本输入框：type="text" name属性必填:用来给系统后台标记
密码输入框：type=“password”
单选框:type="radio"
name:将性别数据看成同一组信息，在这一组中只能选出一个选项。
复选框：type="checkbox"
name:将性别数据看成同一组信息,在这一组中，可以选出多种选项。
文本域:textarea
rows:属性:有多行
cols:一行有多个字符
提交按钮：type="submit"提交
type="reset"重置
type="button" onclick="testClick()" <script type="text/javascript">
function testClick(){
alert("hello,我来了") ;
}
function check(){
var username = document.getElementById("userNameId").value ;
alert(username) ;
}
以上就是HTML的基本知识点，我认为只要把以上基础抓牢，css也就应刃而解，其实也就是在html的基础上弥补了一些不足，用法是基本不会变的。免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
