HTML1

1. 前端：html：做网页的内容

CSS：做网页的外观

JS：执行网页的动作

前端是静态网页，内容写死。要有变化的内容，需要数据库

浏览器去解析生成漂亮的界面

后台技术：.Net

数据库： SQL Server

2. html框架的标准格式

<!DOCTYPE html>  <!-- 定义文档类型-->

<html>

   <head>

   </head>

   <body>

   </body>

</html>

工具—选项—文本编辑器—HTML(Web窗体)—验证—HTML5 代表浏览器按照html5去解析

3. 一些常用的标签：（长按Ctrl +K+d 代码对齐）

<P> </P> 段落标签 paragraph

<br/> 换行 break

<pre></pre> 对换行，空格，段落都有作用，是预文本标签

&nbps; 空格

<hr/> 画水平线 horizontal rule

<h1></h1> 标题权重高 heading

<b></b> 粗体 bold

<i></i> 斜体 italic

<u></u> 下划线 underline

<s></s> 删除线

<sup></sup> 上标 superscript

<sub></sub> 下标 suberscript

有序列表 <ol> ordered list

<li></li> list item

</ol>

无序列表 <ul> unordered list

</ul>

解释性列表 <dl> definition list

<dl>

表格 <table>

<caption></caption> 表的标题

</table>

<tr>为行标table row，<th>为标题列table heading，<td>为数据列table date

<td rowspan="2"> 并行

<td colspan="2"> 并列

表格也支持嵌套

超链接 (anchor)

<a href="https://www.baidu.com/">百度</a> 当前页面跳转 hyperlink reference
<a href="https://www.baidu.com/" target="_blank">百度</a> 打开一个新的页面
<a href="javascrip:;">登录</a> JS跳转，出现一个登录对话框

<!DOCTYPE html>                          <!--默认HTML5-->

<html>

<head>

    <title>我的第一个网页</title>

    <meta charset="utf-8" />              <!--编码方式-->

</head>

<body>

    <p>hello world</p>                  <!--段落标签-->

    <p>hello world</p>

    <p>hello <br/> world</p>       <!--中间加了换行-->

    <pre> hello world

                   hello world</pre>       <!--对换行、空格和段落都有作用，是预文本标签-->

    <hr/>                                          <!--画水平线-->

    <h1>你&nbsp;&nbsp;好</h1>      <!--标题，中间加了空格-->

    <h1>你好</h1>

    <h2>hello world</h2>

    <h3>hello world</h3>

    p<sup>2</sup><br/>          <!--上标-->

    p<sub>2</sub>                    <!--下标-->

    <ol type="a">                       <!--有序列表-->

        <li>hello world 1</li>

        <li>hello world 2</li>

        <li>hello world 3</li>

        <li>hello world 4</li>

    </ol>

    <ul type="square">             <!--无序列表-->

        <li>hello world 1</li>

        <li>hello world 2</li>

        <li>hello world 3</li>

        <li>hello world 4</li>

    </ul>

    <dl>                                    <!--解释性列表-->

        <dt> 什么是C#</dt>

        <dd>这是编程语言</dd>

    </dl>

    <ul>

        <li>

            领导的效能理论、依据

            <ol>

                <li>

                    领导的权利基础

                    <ul>

                        <li>强制权利</li>

                        <li >奖赏权利</li>

                    </ul>

                </li>

                <li>

                    领导理论

                    <ul>

                        <li>持久论</li>

                        <li>强调论</li>

                    </ul>

                </li>

            </ol>

        </li>

    </ul>                   <!--列表的嵌套-->    

    <table border="1">                           <!--表格-->

        <caption align="bottom">学员信息表</caption>                                             <!--表名称-->

        <tr><th>学号</th><th>姓名</th><th>成绩</th></tr>      <!--<tr>代表行，<th>代表标题列-->

       <tr><td>0000</td><td>张三</td> <td>98</td></tr>        <!--<td>代表数据列-->

        <tr><td>0001</td><td colspan="2">李四</td> </tr>

        <tr><td rowspan="2">0002 </td><td>王五</td> <td>76</td></tr>

        <tr><td>赵六</td> <td>                                                          <!--表格的嵌套-->

            <table border="1">

             <tr><td>你好</td></tr>

                <tr><td>hello</td></tr>

            </table></td></tr>

    </table> 

    <a href="https://www.baidu.com/">百度</a>                        <!--当前页面跳转-->

    <a  href="https://www.baidu.com/" target="_blank">百度</a>    <!--打开一个新的页面-->

    <a href="javascrip:;">登录</a>                         <!--JS跳转，出现一个登录对话框-->

</body>

</html>

4. HTML标签大小写不敏感，建议都用小写。

<p> 这是开始标签 </P>这是关闭标签，开闭之间为内容。

没有内容的HTML元素称为空元素，空元素是在开始标签中关闭，<br/>。

属性总是以名称/值的形式出现，name="value"，属性总是在HTML元素的开始标签中规定；属性值应该始终被包含在引号内，双引号是最常用的，但是当属性值本身就含有双引号，那必须用单引号，name='YOYO "hello world" Gates'

HTML1的更多相关文章

sublime-生成html1.0
文件--新建--输入--html:xt--CTRL+E.生成html1.0
python OSError: [Errno 22] Invalid argument: 'D:\\crawle\x01.html1'
import urllib.request file = urllib.request.open("http://www.baidu.com") data = file.read( ...
HTML--1标签表格
HTML 内容(Hyper Text Markup Language,超文本标记语言) CSS 网页美化 Javascript 脚本语言打开DREAMWEAVER,新建HTML,如下 ...
网页HTML1
表格表单表格, <tabale> -------表格 <tr> --------------行 <td> -- ...
HTML1.0 - html 环境搭建开发工具
1. mac 电脑 2. Hbuilder 开发软件 3. 学习基础 HTML 语法网站 http://www.w3school.com.cn
HTML1网页三部份内容
网页三部份内容:HTML CSS Javascript 路径:一般做网页的时候用的相对路径. images/aaa.jpg 网页同一个目录中找images文件夹,再在images里面找aaa.jpg ...
HTML1高级
HTML头部一.链接在新窗口打开如果要定义整个网页的链接在新窗口打开,只要在/head里定义/base target="_blank"就可以了</p> 二.文档描述1 ...
初学HTML-1
HTML:Hyper Text Markup Language的缩写超文本标记语言,用来描述文本的语义,这些文本———超文本,也叫标签. 基本格式: <html> <head ...
前端html1.
HTML介绍转载http://www.cnblogs.com/liwenzhou/p/7988087.html Web服务本质 import socket sk = socket.socket() ...

随机推荐

Android之Activity启动模式
正常模式每个应用都有一个任务栈,任务栈中保存着已创建的Activity,先创建的Activity先入栈,栈顶是当前正在显示的activity(running),这是正常模式下的Activity的管理 ...
东大OJ 2SAT 异或
看了十年才懂懂了十年才会会了十年才会写写了十年才写完写完了十年才能改对 #include<stdio.h> #include<string.h> struct res{ int ...
MVC认知路【点点滴滴支离破碎】【一】----新建数据库
1.App_Data文件夹创建[SQL Server Compact Local Database *]数据库 2.添加链接字符串<add name="MovieDBContext&q ...
make the innerText in the html element can not be selected
approach style="-moz-user-select:none;" onselectstart="javascript:return false;" ...
strut2的拦截器之对request和session的封装
本文主要内容是对 implements Interceptor 这种方式的探索前提是需要了解:责任链模式对下面这句代码的理解: Map<String, Object> session ...
centos中crontab（计时器）用法详解
关于crontab: crontab命令常见于Unix和类Unix的操作系统之中,用于设置周期性被执行的指令.该命令从标准输入设备读取指令,并将其存放于“crontab”文件中,以供之后读取和执行.该 ...
【BZOJ 3531】【SDOI 2014】旅行
因为有$10^5$个宗教,需要开$10^5$个线段树. 平时开的线段树是“满”二叉树,但在这个题中代表一个宗教的线段树管辖的区间有很多点都不属于这个宗教,也就不用“把枝叶伸到这个点上”,所以这样用类似 ...
java和python细节总结和java中string 的+操作
//JAVA中对arrayList的初始化,能够分配空间,不能之间让一个ArrayList赋值给另外一个ArrayList,这样是引用赋值,当一个改变时候,另外一个也改变 List<String ...
<UL>中<li>标签前编号图片的简单调用
<style type="text/css"> ul li{ list-style-type:none} .men ul{ background:url(http:// ...
Oracle-函数Decode进行多值判断
decode函数比较表达式和搜索字,如果匹配,返回结果:如果不匹配,返回default值:如果未定义default值,则返回空值 Decode函数的语法结构如下: decode (expression ...

HTML1

HTML1的更多相关文章

随机推荐

热门专题