美文网首页
1.HTML学习笔记

1.HTML学习笔记

作者: Vincilovfang | 来源:发表于2018-01-11 12:03 被阅读0次

HTML

<![CDATA[content]]>格式在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学习笔记

    HTML 格式在HTML中并不适用,写的HTML源代码数可能被浏览器直接解析...

  • 初学html

    html笔记 1.Html 全称为:hypertext markup language 超文本标记语言 2. ...

  • 1.html

    网页由html,css,js构成. html是结构层,css是表现层,js是行为层. 打个比方:形容一个人,人的身...

  • 1.html认识

  • 1.HTML基础

    前端3大件1.HTML结构2.CSS样式3.JS行为

  • reactjs

    阮一峰reactjs学习 1.html 模版 凡是使用 JSX 的地方,都要加上 type="text/babel...

  • HTML表单

    本笔记记于2021年,摘自MDN HTML板块 1.HTML表单是什么 HTML表单是用户和web站点或应用程序之...

  • apicloud 手动检查新版本 更新版本

    1.html js

  • php学习计划

    1.php学习计划2.php入门 1.Html css 2. javascript+jquery 3.boo...

  • Javaweb基础(一)前端基础

    全部学习可以参考:http://www.w3school.com.cn/ 一.HTML 1.HTML网页介绍 JA...

网友评论

      本文标题:1.HTML学习笔记

      本文链接:https://www.haomeiwen.com/subject/aouznxtx.html