day01—HTML网页编程基础
2016-02-25 18:43
411 查看
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>
相关文章推荐
- html 中怎么设置div的位置
- 正值表达式匹配html标签的属性值
- 关于 html 中 table 表格 tr,td 的高度和宽度
- HTML列表框元素的操作
- 解决在使用flask时向网页中插入一段包含html标签的内容正常显示的问题
- HTML中小meta的大作用
- HTML组合框添加元素与删除元素
- 慎用StringEscapeUtils.escapeHtml方法
- 带html标签的字符串 显示
- HTML~From
- 当ajax加载更多的时候,动态生成的html里面的事件无法触发
- 暴力破解HTML表格认证
- html 中长单词换行问题
- [转] html屏蔽右键、禁止复制
- html浏览器加载和渲染html的顺序和过程
- HTML中让表单input等文本框为只读不可编辑的方法
- yii2 ActiveForm field 添加 html 代码
- htmlparser设置表单属性值
- 一张html页面上有多个单选框,选中一个值之后,立刻在页面上显示选中单选框的那个值
- HTML常用的标签总结