HTML基本介绍

HTML，一种描述网页的语言

结构

html
- head
  - title
  - script
- body
  - ...

文档

<html>

    <head>

            <title>.....</title>

    </head>

    <body>

            <p>.....</p>

    </body>

</html>

HTML文本

HTML元素

一个换行符

两个换行符

HTML属性

是在 HTML 元素的开始标签中定义。总是以名称和值对应的形式出现，比如：name="value"。属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题

HTML文本格式化

常用

（bold）粗体
< big> （big）大字体
（emphasized）强调字
（italic）斜体
（small）小字体
(strong)加重语气

HTML样式

用style一气呵成的解决背景，颜色，各种

超文本

链接

< a href="http://www.shiyanlou.com">shiyanlou< /a>
target等于_self或_blank
添加提示文字title
一页中怎么停泊，锚

   <a href="#跳转目的地名称">跳转起始字符</a>

   ...

   ...

   ...

   <a name="跳转目的地名称">跳转目的地字符</a>

表格

     <table  align="center" border="1">

            <tr>

            <td>first row and first column</td>

            <td>first row and second column</td>

            <td>first row and third column</td>

            </tr>

            <tr>

            <td>second row and first column</td>

            <td>second row and second column</td>

            <td>second row and third column</td>

            </tr>

     </table>

属性

border外边框
colspan：控制此单位所占列数
rowspan：控制此单位所占行数

HTML图像

<img src="path">
align属性，调整对齐bottom、middle、top左右可加的参数有right，left默认为right
width="80" height="80"
规定区域点击
- rect(矩形)、circle(圆形)、poly(多边形)
- coords有4个值，分别用逗号隔开，表示矩形区域左上角x坐标、左上角y坐标、右下角x坐标和右下角y坐标

    <map>

    <area shape="rect" coords="" href="" target="">

    </map

列表list(order, unorder)

<ol>

 <li>balabala</li>

</ol>

有序：type, 采用什么排序;start, 以什么开始

无序：type，Disc（默认）实心黑点;Circle小圈;square方点

注释

<!--这是一段注释。注释不会在浏览器中显示。-->

HTML表单

用于数据的提交，评论

<form>

<input type="radio" name="sex" value="male" /> Male

<br/>

<input type="radio" name="sex" value="female" /> Female

</form>

type类型

usename, password
单选框radio, 多选框checkbox

基础汇总实验截取

选了表单方面，css什么暂时不管

<!DOCTYPE html>

<html>

<head>

    <title>test_form</title>

</head>

<body>

    <form action="MAILTO:support@shiyanlou.com" method="post" enctype="text/plain">

        <h3>Send email to shiyanlou</h3>

        your name:<br>

        <input type="text" name="name" value="yourname" size="20">

        <br>

        your email:<br/>

        <input type="text" name="mail" value="youremail" size="20">

        <br>

        what you want say:<br>

        <input type="text" name="comment" value="yourcomment" size="20">

        <br><br>

        <input type="submit" value="send">

        <input type="reset" value="reset">

    </form>

</body>

</html>

参考链接

实验楼前端路径

实验楼HTML基础入门学习的更多相关文章

VBox&vmware虚拟机安装Linux及Linux基础入门学习
VBox&vmware虚拟机安装Linux及Linux基础入门学习通过VMware workstation安装Linux 在安装虚拟机之前,我特意上网搜索了一下目前常使用的虚拟机软件,了解了 ...
函数:我的地盘听我的 - 零基础入门学习Python019
函数:我的地盘听我的让编程改变世界 Change the world by program 函数与过程在小甲鱼另一个实践性超强的编程视频教学<零基础入门学习Delphi>中,我们谈到了 ...
【Python教程】《零基础入门学习Python》（小甲鱼）
[Python教程]<零基础入门学习Python>(小甲鱼) 讲解通俗易懂,诙谐. 哈哈哈. https://www.bilibili.com/video/av27789609
Mybatis基础入门学习
Mybatis基础入门学习 mybatis架构分析搭建测试mybatis架构 )下载并导入mybatis3.2.7.jar(架构),mysql-connector-java-5.1.7-bin.ja ...
《零基础入门学习Python》【第一版】视频课后答案第001讲
测试题答案: 0. Python 是什么类型的语言? Python是脚本语言脚本语言(Scripting language)是电脑编程语言,因此也能让开发者藉以编写出让电脑听命行事的程序.以简单的方 ...
零基础入门学习Python（1）--我和Python的第一次亲密接触
前言最近在学习Python编程语言,于是乎就在网上找资源.其中小甲鱼<零基础入门学习Python>试听了几节课,感觉还挺不错,里面的视频都是免费下载,小甲鱼讲话也挺幽默风趣的,所以呢,就 ...
学习参考《零基础入门学习Python》电子书PDF+笔记+课后题及答案
国内编写的关于python入门的书,初学者可以看看. 参考: <零基础入门学习Python>电子书PDF+笔记+课后题及答案 Python3入门必备; 小甲鱼手把手教授Python; 包含 ...
学习《零基础入门学习Python》电子书PDF+笔记+课后题及答案
初学python入门建议学习<零基础入门学习Python>.适合新手入门,很简单很易懂.前一半将语法,后一半讲了实际的应用. Python3入门必备,小甲鱼手把手教授Python,包含电子 ...
大牛整理最全Python零基础入门学习资料
大牛整理最全Python零基础入门学习资料发布时间:『 2017-11-12 11:56 』帖子类别:『人工智能』阅读次数:3504 (本文『大牛整理最全Python零基础入门学习资料 ...

随机推荐

【剑指offer】数组中的逆序对。C++实现
原创文章,转载请注明出处! 博客文章索引地址博客文章中代码的github地址 # 题目 # 思路基于归并排序的思想统计逆序对:先把数组分割成子数组,再子数组合并的过程中统计逆序对的数目.统计逆序对 ...
使用dlopen和dlsym来使用C++中的类
http://my.oschina.net/u/1450061/blog/204608
BZOJ1087 SCOI2005 互不侵犯King 【状压DP】
BZOJ1087 SCOI2005 互不侵犯King Description 在N×N的棋盘里面放K个国王,使他们互不攻击,共有多少种摆放方案.国王能攻击到它上下左右,以及左上左下右上右下八个方向上附 ...
Vijos1891 学姐的逛街计划【费用流】*
Vijos1891 学姐的逛街计划描述 doc 最近太忙了, 每天都有课. 这不怕, doc 可以请假不去上课. 偏偏学校又有规定, 任意连续 n 天中, 不得请假超过 k 天. doc 很忧伤, ...
WPF/UWP 绑定中的 UpdateSourceTrigger
在开发 markdown-mail 时遇到了一些诡异的情况.代码是这么写的: <TextBox Text="{Binding Text, Mode=TwoWay}"/> ...
DispatcherServlet的初始化（二）
DispatcherServlet的初始化在springmvc的启动中有讲过,这一篇在上一篇的基础上接着讲.DispatcherServlet作为springmvc的前端控制器,还需要初始化其他的模块 ...
lua中的数学库
Lua5.1中数学库的所有函数如下表: 使用数学库,不需要require,直接math.function就可以math.pi 为圆周率常量 = 3.14159265358979323846 abs 取 ...
搭建一个IntelliJ的Spark项目
之前发现创建一个新项目之后,无法添加scala class 创建新项目选择maven项目,然后选择simple或者quickstart: 进入项目后,在Project Structure里面,在gl ...
军哥LNMP优化
http://bbs.vpser.net/thread-8914-1-1.html http://www.zxsdw.com/index.php/archives/881/ 修改/usr/local/ ...
安装QConfig备忘
下载wget https://github.com/Qihoo360/QConf/archive/1.2.1.tar.gz 解压tar -zxf 1.2.1.tar.gz进入目录cd QConf-1. ...

实验楼HTML基础入门学习