HTML基础认知
之前学习过一段时间的HTML,后面又放弃了,最终确定下来,以前端开发作为自己以后的专业走向,因此再一次的重新学习HTML。
HTML(Hyper Text Markup language)超文本标记语言,HTML命令可以来说明文字、声音、图片等。
标签:html标签由左右尖括号加关键字构成,通常成对出现,例如:<html></html>;其中也还有单标签,又例如:<br/>。
属性:用于提供更多的标签说明,让标签更加具体。例如: <a href="属性值"></a>,其中的herf为属性,属性值是用来说明属性的,其值根据不同的情况来确定。属性值是多少都有明确的规定具体参考http://www.w3school.com.cn/
刚开始接触时首先要明白这几个标签,<html>根标签 <title>定义文档 <head>定义“头部” <body>定义“躯体”,其次需要明白以下属性及其属性值,lang="zh-cn" ,charset="utf-8", lang属性用于规定元素内容语言,charset规定在外部脚本文件中使用的字符编码,utf-8是unicode的升级版本,能表示世界上的所有语言,确保文本不是乱码。
常用的几个标签,<strong> <em> <p> <h1>~<h6> 这一类的标签是成单使用,<ol><li>与<ul><li>是成组使用,<form>表单元素,成表单使用。具体用法可以参考http://www.w3school.com.cn/html/html_form_input_types.asp。在所有标签中最常使用的两个标签是<div> <span>相对于<spn>而言<div>仅有的就是一个换行作用,这两个标签常用作容器,用于搭建网页的基本组成。
以下为这些常用标签的使用实例:
<ol type="1" start="2"> //此为有序列表,其中的type和start为其属性
<li>苹果</li>
<li>橘子</li>
<li>香蕉</li>
</ol>
<form method="get" action=""> //此为完整的登录表单
username:<input type="text" name="fname">
password:<input type="password" name="fpasswoed">
<input type="submit" value="submit">
</form>
<a href="http://www.baidu.com">baidu</a>
<a href="tel:11598768452">打电话</a>
<a>标签的四个作用 1.用作链接 2.用作锚点 3.用作打电话,发邮件 4.协议定义符
单选框与复选框
单选框
<form>
male <input type="radio" checked="checked" name="Sex" value="male"> //其中checked表示默认值
female <input type="radio" name="Sex" value="female">
</form>
复选框
<form>
苹果 <input type="checkbox" checked="checked" name="fruit" value="anple"> //其中checked表示默认值
香蕉 <input type="checkbox" name="fruit" value="balana">
橘子 <input type="checkbox" name="fruit" value="orange">
</form>
大致经常使用的几个标签需要自己牢牢的记住,在最初也不需要知道太多标签的用法,在后面的学习过程会使用到很多的标签,在不同的项目里面,不同的情况下的使用情况。具体每个标签的使用及其属性代表的意思,请参考http://www.w3school.com.cn/h.asp