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零基础入门学习资料 ...

随机推荐

解决使用 aapt 中遇到的问题
|---- yum install glibc.i686 libstdc++.i686 zlib.i686 -y; .csharpcode, .csharpcode pre { font-size: ...
Jmeter-Threads（Users）
setUp Thread Group---测试开始前的准备操作,每次测试前都会执行 A special type of ThreadGroup that can be utilized to perf ...
Filter学习（一）
一.Filter简介 Filter:可以对web服务器管理的所有web资源(如Jsp, Servlet, 静态图片文件或静态 html 文件等)进行拦截,从而实现一些特殊的功能.例如实现URL级别的权 ...
使用python处理selenium中的获取元素属性问题
# 获取我的订单元素class属性值 at = self.driver.find_element_by_link_text('我的订单').get_attribute('class') # 判断cla ...
体验 k8s 的核心功能
快速体验 k8s 的核心功能:应用部署.访问.Scale Up/Down 以及滚动更新 https://yq.aliyun.com/articles/337209?spm=a2c4e.11153940 ...
笔记：服务器压缩方案来源于 Accept-Encoding: gzip, deflate 问题
笔记:服务器压缩方案来源于 Accept-Encoding: gzip, deflate 问题事情起因:odoo demo 没有启动web 压缩目前流行的 web 压缩技术 gzip br 支持 ...
Vim自动补全插件----YouCompleteMe安装与配置
Vim自动补全插件----YouCompleteMe安装与配置使用Vim编写程序少不了使用自动补全插件,在Linux下有没有类似VS中的Visual Assist X这么方便快捷的补全插件呢?以前用 ...
bzoj 2178 圆的面积并——辛普森积分
题目:https://www.lydsy.com/JudgeOnline/problem.php?id=2178 把包含的圆去掉.横坐标不相交的一段一段圆分开算.算辛普森的时候预处理 f( ) ,比如 ...
初识php，开发环境的配置
PHP开发环境配置和第一个PHP程序(phpStudy+PhpStorm) 第一步下载phpStudy 首先,到phpStudy官网上下载最新的phpStudy版本. 第二步安装phpStudy ...
UEFI 启动GPT分区 Win10和Ubuntu16.04双系统安装
测试机器:联想小新锐7000 工具:UltraISO 系统下载为Ubuntu分配空间右键“我的电脑”——>“管理”——>“磁盘管理”,(win+x快捷键)选择一个有很大空闲空间的磁盘, ...

实验楼HTML基础入门学习