html基础

html的基本结构:

不管这个html文件有多复杂,它的基本结构是

<元素名 属性=”属性值”>元素内容</元素名>

如果没有内容,可以这样写:

<元素名 属性=”属性值”/>

<元素名 属性=”属性值”></元素名>

-->元素就是标记

<p>段落标记</p>

<font size=””>字体标记</font>  size取值1-7

<h#>标题字体</h#>   #=1,2,3,4,5,6

<b></b>字体加粗

html符号实体:<font size=5>© £ ®</font>

html超链接:使用超链接可以使网页链接到另外一个页面

<a href=”url地址” target”=_blank”></a>

<a href=”mailto:电子邮箱地址”></a>

html图像元素:border是边框宽度

<img src=”” border=1 width=70px></image>

Src可以是外部网站的url

html表格:主要用途是现实数据和图片,并且可以布局

<table border=”边框宽度” cellspacing=”空隙大小” cellpadding=”填充大小”></table>

<tr></tr>  

<td></td>

cellspacing表格空隙大小:指两个列、行间的距离

cellpadding表示填充大小:各行各列中的内容被填充,这样就会一定程度上撑大格子

html列表-无序列表

<ul type= “属性值”>

<li>列表内容</li>

</ul>

ul的属性设定,默认为type=”disc”

type=”disc” 列序符号为实心圆点

type=”circle” 列序符号为空心圆

type=”square”列序符号为空心正方形

html列表-有序列表

<ol>

<li>coffee</li>

<li>coffee</li>

</ol>

Start=# #开始算

有序列表type

数字

小写字母

大写字母

小写罗马数字

大写罗马数字

Html列表-框架

<frameset frameborder=”边框大小”

cols=”各窗口百分比,隔开”

rows=”各窗口百分比”

<frame name=”” src=”html路径” noresize>

</frameset>

all.html

<frameset cols=”20%,*” frameborder=0>

<frame src=”aa.html” noresize/>

<frame src=”bb.html” />

</frameset>

all.html中不能带body标记

Html的表单元素:主要用于让用户输入数据,并提交给服务器。

基本语法:

下拉框<select name=””><option value=”xx”>option</option>

<form action=”url” method=”提交的方法(get/post),默认是get”>

各种元素:输入框、下拉列表、文本域、密码框

</form>

全角空格占2个字符位

(1)、表单元素格式:

<input type=”” name=”” />

type=text(文本框) password(密码框) hidden(隐藏框) checkbox(复选框)

radio(单选框) submit(提交按钮) reset(重置按钮) image(图片按钮)

name是给该表单取的名字

(2)、action指定提交给哪个页面

html的加强

html文件结构:

<html>......</html>

<head>......</head>

<body>......</body>

语言字符集信息:

<meta http-equiv=”Content-Type” content=”text/html;charset=#”>

背景色彩和文字色彩

<body bgcolor=# text=# link=# alink=# vlink=#>

bgcolor 背景颜色

text 不可链接文字的色彩

link 可链接文字的色彩

alink 正被点击的可链接文字的色彩

vlink 已经点击(访问)过的可链接文字的色彩

原文地址:https://www.cnblogs.com/eleven24/p/4214830.html