1.HTML学习笔记

HTML

格式在HTML中并不适用,写的HTML源代码数可能被浏览器直接解析成相应格式,所以源代码的标签左边    '<'    均用    '《'    替换了,阅读带来的不便还望理解。


一、概述

HTML概念:(Hyper Text Markup Language),超文本标记语言。(是一种显示语言)

超文本:比普通文本功能要强(能够展示图片、不同颜色或者粗细的文字、能展示按钮。。。)

语言:汉语、英语都属于语言,说白了就是一种表达方式、沟通方式。

标记:标签。

标记语言:语言是标签。

作用:用来设计静态网页的

二、常用标签

1. 图片标签

《img src=”图片路径”  width=”10%”  height=”200”  />

图片路径是必须有的,宽高以百分比表示站页面的百分比,具体数值为所占像素(固定大小)

2. 列表标签

有序列表:

《ol>

《li>大白菜《/li>

《li>小菊花《/li>

《/ol>

无序列表:

《ul>

《li>德玛西亚《/li>

《li>艾欧里亚《/li>

《/ul>

3. 超链接标签

《a href=”http://www.ali.com”> content or img />《/a>

4. 表格标签

《table>

《tr>

《td>《/td>

《/tr>

《/table>

合并单元格

colspan,rowspan是td标签的属性,colspan(左右合并) rowspan(上下合并)

5. 块标签

《div>《/div>用来展示大量的数据,默认是独占一行的,会自动换行。

《span>《/span>用来展示少量的数据,默认内容有多大就占多大空间,不会自动换行。

6. 表单标签(重点)

用《form>《/form>标签表示。

form标签里面是若干个表单项。有input表单项、select下拉列表项、textarea文本域。

input标签

input表单项可以实现文本输入框、密码输入框、单选按钮、多选框、自定义按钮的效果,这些不同类型由它的type属性决定。

TIPS:

1、任何一个表单项都有name属性(button除外),否则数据无法提交到服务器,表单也就没有意义。

2、单选按钮/复选框要想在同一组,就需要有相同的name属性值,默认选中使用checked属性。 3、value属性表示值用户输入的值或者默认值。对于单选按钮和复选框来说还必须要有不同的value值,因为用户无法输入值,只能选择。

《form>

《input type=”text”  name=”name” value=”name”/>

《input type=”password” name=”password” value=”password”/>

《input type=”radio”  name=”sex” value=”male” />男

《input type=”radio”  name=”sex” value=”female”/>女

《input type=”checkbox”  name=”hobby” value=”01”/>撸代码

《input type=”checkbox”  name=”hobby” value=”02”/>调八哥

《input type=”checkbox”  name=”hobby” value=”03”/>修电脑

《input type=”submit” />

《/form>

select标签

下拉列表标签格式:name属性属于select标签 value属性属于option标签

《select  name=”province”>

《option value=”hz”>杭州《/option>

《option value=”nb”>宁波 《/option>

《/select>

textarea标签

格式:《textarea  name=”message” rows=”3”  cols=”10”> content《/textarea>

你可能感兴趣的:(1.HTML学习笔记)