HTML网页编程基础
标记规则:
标记可以嵌套但是不能交错
大小写不敏感
可以没有结束标记但是不推荐
中文乱码问题:
在头中加入<meta http-equiv="content-type"content="text/html;charset=utf-8">(Dreamweaver cs创建自动显示)
代码:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome to html world</title>
</head>
html标签分类:
块级标签:基本块级标签:<hx>(标题,h1-h6)、<p>、<hr/>(分割线)、<ol>(有序列表)、<ul>(无序列表)
常用布局块级标签:<table>、<div>、<form>
行级标签:<img src="地址" title="提示文字">
<span style="大小,颜色,字体">(范围标签,显示某行独特样式)
<br/>(换行标签)
<a href="http://www.baidu.com">百度</a> (超链接标签)
表单元素:
文本框:
<input type="text-输入框;password-密码框;submit-提交按钮;reset-重置按钮;checkbox-多选框;
radio-单选框;" value="初始值" name="标记-类似Android布局的ID" checked="checked"-默认选中>
<input type="image" src="图片地址">
下拉框:
<select>
<option>博士</option>
<option>硕士</option>
<option>本科</option>
<option>高中</option>
</select>
文本域:
<textarea style="resize:none;overflow:auto--加上这两个属性文本框不可拖动"><textarea>
标记规则:
标记可以嵌套但是不能交错
大小写不敏感
可以没有结束标记但是不推荐
中文乱码问题:
在头中加入<meta http-equiv="content-type"content="text/html;charset=utf-8">(Dreamweaver cs创建自动显示)
代码:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome to html world</title>
</head>
html标签分类:
块级标签:基本块级标签:<hx>(标题,h1-h6)、<p>、<hr/>(分割线)、<ol>(有序列表)、<ul>(无序列表)
常用布局块级标签:<table>、<div>、<form>
行级标签:<img src="地址" title="提示文字">
<span style="大小,颜色,字体">(范围标签,显示某行独特样式)
<br/>(换行标签)
<a href="http://www.baidu.com">百度</a> (超链接标签)
表单元素:
文本框:
<input type="text-输入框;password-密码框;submit-提交按钮;reset-重置按钮;checkbox-多选框;
radio-单选框;" value="初始值" name="标记-类似Android布局的ID" checked="checked"-默认选中>
<input type="image" src="图片地址">
下拉框:
<select>
<option>博士</option>
<option>硕士</option>
<option>本科</option>
<option>高中</option>
</select>
文本域:
<textarea style="resize:none;overflow:auto--加上这两个属性文本框不可拖动"><textarea>